HTML 完成背景圖片的替換
發(fā)表時(shí)間：2023-09-12 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章介紹的內(nèi)容是關(guān)于HTML 實(shí)現(xiàn)背景圖片的替換 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下<p class="p"> <p class="p2"><img src="../img/hu.jp...
這篇文章介紹的內(nèi)容是關(guān)于HTML 實(shí)現(xiàn)背景圖片的替換 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下
<p class="p">
<p class="p2"><img src="../img/hu.jpg" alt="" id="picture"></p>
</p>
</p>
var curIndex = 0;
var timeInterval = 3000; //切換時(shí)間 3秒 可以修改
var arr = new Array();
arr[0] = "../img/hu.jpg"; //這里的是圖片存放的相對(duì)路徑
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];
}相關(guān)推薦：
HTML實(shí)現(xiàn)美化上傳文件樣式
怎樣用HTML實(shí)現(xiàn)滾動(dòng)彈幕功能
HTML實(shí)現(xiàn)搶票功能(設(shè)定時(shí)間打開搶票的頁面)
以上就是HTML 實(shí)現(xiàn)背景圖片的替換 的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
