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

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条)

报告相同问题?

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
  • ¥50 STM32单片机传感器读取错误
  • ¥15 (关键词-阻抗匹配,HFSS,RFID标签天线)
  • ¥15 机器人轨迹规划相关问题
  • ¥15 word样式右侧翻页键消失