香菇酱 2017-07-09 13:02 采纳率: 82.4%
浏览 4156
已采纳

html:问一下怎么隔一段时间改变一下背景图片

要写一个像轮播那样效果的事件,求解

  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2017-07-10 02:35
    关注

    计时器定时设置你dom容器的style.backgroundImage=背景图片url地址就行了
    有用记得采纳:)。。

     <div id="dv" style="height:200px"></div>
    <script>
        var arrImg = ['1.jpg', '2.jpg', '3.jpg']//背景url地址数组,更加多自己增加这个数组项
            , l = arr.length, index = 0;
        function changeImg(init) {
            if (init !== true) { index++; if (index >= l) index = 0; }
            document.getElementById('dv').style.backgroundImage = 'url(' + arrImg[index] + ')'
        }
        changeImg(true);
        setInterval(function () { changeImg()}, 10000)//10换一次背景
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?