图片轮播

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_30733003

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量55

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/benpaodegegen/p/5900775.html

<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";
}

$(".aa").click(function(){
var cc=$(this).index();
var bb=document.getElementsByClassName("bb");
for(var i=0;i<bb.length;i++)
{
bb[i].style.display="none";
bb[cc].style.display="block";
}
})

转载于:https://www.cnblogs.com/benpaodegegen/p/5900775.html