很简单的html网页幻灯片附源码


超简洁的网页幻灯片展示,

没有渐变,推动等特效

<div class="slider">
    <img src="/media/hd01.jpg">
    <img src="/media/hd02.jpg">
    <img src="/media/hd03.jpg">
</div>
<script>
    var sliderIndex = 0;
    var slides = document.getElementsByClassName("slider")[0].getElementsByTagName("img");

    function showSlider() {
        for (var i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
        }
        sliderIndex++;
        if (sliderIndex > slides.length) {
            sliderIndex = 1
        }
        slides[sliderIndex - 1].style.display = "block";
        setTimeout(showSlider, 5000); // 隔两秒调用自身函数
    }

    showSlider(); // 初始化幻灯片轮播
</script>

原码来自老白网络 https://www.yzktw.com.cn/post/1088167.html