標籤：var block time 大圖輪播 style element javascrip 輪播 dex
<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例子（大圖輪播）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
