js 背景自动切换

//首页自动更换背景特效开始============================================

var curIndex = 0;
//时间间隔(单位毫秒),每秒钟显示一张,数组共有3张图片放在img文件夹下。
var timeInterval = 4000;

//定义一个存放照片位置的数组,可以放任意个,在这里放3个
var arr =["Image/1.jpg","Image/2.jpg","Image/3.jpeg"];
setInterval(changeImg, timeInterval);
function changeImg() {

    //获得id名为d1的对象
    var obj = document.getElementById("index");
    if (curIndex == arr.length - 1) {
        curIndex = 0;
    } else {
        curIndex += 1;
    }
    //设置d1的背景图片
    obj.style.backgroundImage= "URL("+arr[curIndex]+")";       //显示对应的图片
}

  效果不是很好  切换图片的时候有点卡顿

posted @ 2018-10-26 15:14  WhiteSpace  阅读(1501)  评论(0编辑  收藏  举报