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]+")";       //顯示對應的圖片
}

  效果不是很好  切換圖片的時候有點卡頓


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM