HTML中的輪番播圖是一種非常流行的網(wǎng)頁(yè)設(shè)計(jì)元素,能夠讓網(wǎng)頁(yè)更加生動(dòng)、吸引人。下面是一個(gè)HTML的輪番播圖代碼示例,可以參考使用。
<div id="slider"> <img src="image1.jpg"> <img src="image2.jpg"> <img src="image3.jpg"> <img src="image4.jpg"> </div> <script> var slider = document.getElementById("slider"); var images = slider.getElementsByTagName("img"); var currentIndex = 0; var timer = setInterval(changeImage, 3000); function changeImage() { currentIndex++; if (currentIndex >= images.length) { currentIndex = 0; } for (var i = 0; i < images.length; i++) { images[i].style.display = "none"; } images[currentIndex].style.display = "block"; } </script>
以上是一個(gè)基本的HTML輪番播圖代碼,核心代碼是JavaScript部分,其中包括獲取輪番播圖的元素、定時(shí)器、圖片切換等功能。可以根據(jù)自己的需要進(jìn)行樣式和功能上的調(diào)整,以滿足不同的設(shè)計(jì)要求。