js图片切换

来源:互联网 发布:windows 更新下载目录 编辑:程序博客网 时间:2024/05/16 16:06
 

 <script type="text/javascript">
  var maxFrame = 3;//有多少张图片
  var timer; 
  var nowFrame=0; //当前是第几张图片
  //显示函数
  function showAdv()
  {
   if(nowFrame==maxFrame ){
    nowFrame=1;
   }else{
    nowFrame++;
   }
   //循环判断是否显示和隐藏的问题
   for(var i=1;i<=maxFrame;i++)
   {
    //判断
    if(i==nowFrame)
    {
     //显示
     document.getElementById("adv"+i).style.display = "block";
     //改变类样式
     
    }
    else
    {
     //隐藏
     document.getElementById("adv"+i).style.display = "none";
    }
   }
   
 
   //document.getElementById("t").value=nowFrame;
   //通过setTimeout()重复调用函数
   timer = window.setTimeout("showAdv();",1000);
  }

 

//当有按钮点击切换图片的方法
function change(id){//清除window.clearTimeout(timer);if(id==-1){if(nowFrame==1){nowFrame = maxFrame-1;                       }else{nowFrame = nowFrame-2;}}showAdv();}


  
 </script>
  </head>
 
  <body onload="showAdv()">
     <div>

<a href="#" id="adv1" style="display:block;"><img src="images/1.png" width="300" height="120" /></a>

<a href="#" id="adv2" style="display:none;"><img src="images/2.png" width="300" height="120" /></a>

<a href="#" id="adv3" style="display:none;"><img src="images/3.png" width="300" height="120" /></a>


</div>