网页中背景图片的自动更换

发表于 | 分类于

每次在做一个简单的小网页的时候，就经常出现单个背景的，看多的时候就会很烦 很无聊

今天上网的时候发现了一个能更换背景图片的方法

    就是定时器还有数组的使用(以前只是单纯的认为数组，只是用来存储数据的，现在才明白，还可以存储地址

下面就是用JavaScript来进行背景图片的更换


假设有一个叫images的文件夹, 里面有我们需要的三个图片: image1.png, image2.png, image3.png.

    var imgSrcs = ["images/image1.png", "images/image2.png", "images/image.png"];   //数组存储的路径
    setInterval(function() {
        $("body").css("background", "url(" + imgSrcs[imgSrcs.push(imgSrcs.shift())-1] + ")");
    }, 5000); // 每5秒自动切换背景图片
Fork me on GitHub