<SCRIPT language=javascript>
   
      var picnum;  //全局变量用来记录是第几张图片
      var picsrc;    //全局变量用来记录图片的url
      var i=1;      //全局变量用来记录是否是首次显示此网页
    function hun(){
    ElementById("picshow").src;  //获得当前图片的url，pic/01.jpg
   
    a=src.lastIndexOf("/");  //获得“/”的位置
    src=src.substring(a+1);  //获得01.jpg
    b=src.indexOf(".");    //获得“.”的位置
   
    src=src.substring(0,b);  //得到01
   
    num=parseInt(src);    // 因为上面获得是字符型的，下面要参加数字运算，
                        //所有要将字符型转换成整型；此时获得 1
   
    picnum=num;        // 赋值，记录当前是第一张图片
   
    }
   
    function funz(){
    if(i==1){                  //若网页是首次访问，为何这样做呢？
    i=i+1;                    //防止刚打开网页图片是从第二张图片开始
                              //循环
    picnum=picnum;              //若是，则图片的张数不会增加
    }else{picnum=picnum+1;}    //javascript动态效果若不是，图片的张数会增加一，将要显示下
                              //一张图片
    if(picnum==4) picnum=1;    //若是picnum等于4，则要重新赋值为1，达
                              //到循环的效果。
    picsrc="pic/0"+picnum+".jpg";  //生成图片的URL
    ElementById("picshow").src=picsrc;  //赋值
    if(picnum==1)                              //以下代码是实现相应的按
                                            //扭是黑，其他的是灰                   
    {
    ElementById("h1").style.background= "#000000";
    ElementById("h2").style.background= "#cccccc";
   
    ElementById("h3").style.background= "#cccccc";
   
    }
    if(picnum==2)
    {
    ElementById("h1").style.background= "#cccccc";
    ElementById("h2").style.background= "#000000";
    ElementById("h3").style.background= "#cccccc";
   
    }
    if(picnum==3)
    {
    ElementById("h1").style.background= "#cccccc";
    ElementById("h2").style.background= "#cccccc";
    ElementById("h3").style.background= "#000000";
    }
    }
    function move(){
    hun();
    funz();
    }
   
   
    function cha(n){ 
        if(n==1){
            ElementById("picshow").src="pic/01.jpg";
            picnum=1;
            ElementById("h1").style.background= "#000000";
            ElementById("h2").style.background= "#cccccc";
            ElementById("h3").style.background= "#cccccc";
        }else if(n==2){
            ElementById("picshow").src="pic/02.jpg";
            picnum=2;
            ElementById("h1").style.background= "#cccccc";
            ElementById("h2").style.background= "#000000";
            ElementById("h3").style.background= "#cccccc";
        }else if(n==3){
            ElementById("picshow").src="pic/03.jpg";
            picnum=3;
            ElementById("h1").style.background= "#cccccc";
            ElementById("h2").style.background= "#000000";
            ElementById("h3").style.background= "#cccccc";
        }
    } 
</SCRIPT>
<DIV class=ad3>
<DIV class=ad3right><IMG id=picshow src="">
<DIV class=ad3right1>
<UL id=biaoshi>
  <LI onclick=cha(1) id="h1">1 </LI>
  <LI onclick=cha(2) id="h2">2 </LI>
  <LI onclick=cha(3) id="h3">3 </LI>
</UL></DIV></DIV></DIV>
<SCRIPT language=javascript>
cha(1); move();
setInterval("move()","4000");  //4s秒就会自行执行move（）此函数；
</SCRIPT>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。