码迷,mamicode.com
首页 > 其他好文 > 详细

图片轮播

时间:2016-09-23 18:18:37      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

<div id="lb" style=" width:800px; height:300px; margin-top:50px;">
<img class="a" src="e5e3b1880a02fe42cdb74cd44f1f0a42.jpg" width="800" height="300" />
<img class=""src="homepageimage-new02.jpg" width="800" height="300" style="display:none"/>
<img src="t01ef647f73a84d3d73.jpg" width="800" height="300" style="display:none"/>
</div>

<script type="text/javascript">

window.setInterval("huan()",1000);
//找到图片的最大索引
var n=document.getElementsByTagName("img").length-1;
//存放当前图片的索引
var d=0;
// 换图
function huan()
{ //找到所有图片
var attr=document.getElementsByTagName("img");
//当前索引加1
d++;
if(d>n)
{ d=0;
}
//换图
//让所有的隐藏
for(var i=0; i<=n; i++)
{attr[i].style.display="none";

}
//让该索引的显示
attr[d].style.display="block";
}

图片轮播

标签:

原文地址:http://www.cnblogs.com/benpaodegegen/p/5900775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!