<div id="lb" style=" 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";
}
})