js 动态设置 div 背景图片 并滚动显示

Posted luo1240465012

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 动态设置 div 背景图片 并滚动显示相关的知识,希望对你有一定的参考价值。

var imgs =["../img/index/bgstyle/style1/index_top_bg2.jpg", "../img/index/bgstyle/style1/index_top_bg3.jpg", "../img/index/bgstyle/style1/index_top_bg1.jpg"];    //(设定想要显示的图片)
var i = 0;
var head=document.getElementsByClassName("div-header")[0];//获取DIV对象
head.style.background="url(../img/index/bgstyle/style1/index_top_bg2.jpg)";   //设置图片的初始图片为该路径的图片
        function time()
               i++;   
               i=i%3;         // 超过2则取余数,保证循环在0、1、2之间
               head.style.background="url("+imgs[i]+")";   
        
        setInterval(time,5000);//循环调用time1()函数,时间间隔为2000ms
        //setInterval()函数,按照指定的周期(按毫秒计)来调用函数或表达式

 

以上是关于js 动态设置 div 背景图片 并滚动显示的主要内容,如果未能解决你的问题,请参考以下文章