自动换图

自动换图
<body>
<div style=" width:1000px; height:550px; margin-top:30px;">
<img src="../Pictures/phuket/7.jpg" width="1000" height="550" />
<img src="../Pictures/phuket/9.jpg" width="1000" height="550"  style="display:none"/>
<img src="../Pictures/phuket/10.jpg" width="1000" height="550"  style="display:none"/>
<img src="../Pictures/phuket/11.jpg" width="1000" height="550" style="display:none" />
</div>
</body>
</html>
<script>
window.setInterval("lunbo()",2000);
var n=document.getElementsByTagName("img").length-1;
var d=0;
function lunbo()
{
   var attr=document.getElementsByTagName("img");
   d++;
   if(d>n)
     {
         d=0;
     }
     for(var i=0;i<=n;i++)
     {
         attr[i].style.display="none";
     }
     attr[d].style.display="block";
}

</script>

posted @ 2017-03-31 09:14  ChrissZhao  阅读(228)  评论(0编辑  收藏  举报