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

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

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

  • 写回答

3条回答 默认 最新

  • Go 旅城通票 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 Jenkins+k8s部署slave节点offline
  • ¥15 微信小游戏反编译后,出现找不到分包的情况
  • ¥15 如何实现从tello无人机上获取实时传输的视频流,然后将获取的视频通过yolov5进行检测
  • ¥15 WPF使用Canvas绘制矢量图问题
  • ¥15 用三极管设计一个单管共射放大电路
  • ¥15 孟德尔随机化r语言运行问题
  • ¥15 pyinstaller编译的时候出现No module named 'imp'
  • ¥15 nirs_kit中打码怎么看(打码文件是csv格式)
  • ¥15 怎么把多于硬盘空间放到根目录下
  • ¥15 Matlab问题解答有两个问题