小編給大家分享一下HTML實現(xiàn)背景圖片的替換方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10多年專注成都網(wǎng)站制作，成都定制網(wǎng)頁設(shè)計，個人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)頁設(shè)計,高端網(wǎng)頁制作,對成都被動防護(hù)網(wǎng)等多個行業(yè)，擁有多年的營銷推廣經(jīng)驗。

 
       

       



var curIndex = 0;
var timeInterval = 3000; //切換時間 3秒  可以修改
var arr = new Array();
arr[0] = "../img/hu.jpg"; //這里的是圖片存放的相對路徑
arr[1] = "../img/bb.jpg";
arr[2] = "../img/cc.jpg";
setInterval(changeImg, timeInterval);

function changeImg() {
var obj = document.getElementById("picture");
if(curIndex == arr.length - 1) {
curIndex = 0;
} else {
curIndex += 1;
}
obj.src = arr[curIndex];
}

以上是HTML實現(xiàn)背景圖片的替換方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！