JS例子（大图轮播）
Posted 时过境迁E
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS例子（大图轮播）相关的知识，希望对你有一定的参考价值。
<style type="text/css">
*{ margin:0px auto;
padding:0px;
}
#wai{ width:1000px;
height:500px;
}
</style>
<body> <div id="wai"> <img class="tu" src="1.jpg" width="1000" height="500"/> <img class="tu" src="2.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="3.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="4.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="5.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="6.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="7.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="8.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="9.jpg" width="1000" height="500" style="display:none"/> </div> </body>
</body> <script type="text/javascript"> var index = 0; var tu = document.getElementsByClassName("tu"); huan(); function huan(){ for( var i=0;i<tu.length;i++){ tu[i].style.display="none"; } tu[index].style.display="block"; if(index >= tu.length-1) {index=0; }else{ index++; } window.setTimeout("huan()",2000); } </script>
以上是关于JS例子（大图轮播）的主要内容，如果未能解决你的问题，请参考以下文章