首页 > 代码库 > JS例子（大图轮播）
JS例子（大图轮播）
<style type="text/css">*{ margin:0px auto; padding:0px; }#wai{ width:1000px; height:500px; }</style>
<body> <div id="wai"> <img class="tu" src="http://www.mamicode.com/1.jpg" width="1000" height="500"/> <img class="tu" src="http://www.mamicode.com/2.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/3.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/4.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/5.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/6.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/7.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/8.jpg" width="1000" height="500" style="display:none"/> <img class="tu" src="http://www.mamicode.com/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例子（大图轮播）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。