網(wǎng)頁制作怎么讓圖片自動切換 圖片自動切換的HTML代碼是什么?
圖片自動切換的HTML代碼是什么?&Ltscript language=javascript>;TVAR curindex=0/T//時間間隔(單位:ms),每秒一張圖片,數(shù)組中的5張圖片放在照片
圖片自動切換的HTML代碼是什么?
&Ltscript language=javascript>;TVAR curindex=0/T//時間間隔(單位:ms),每秒一張圖片,數(shù)組中的5張圖片放在照片文件夾中。 var timeInterval=1000 var arr=new Array() arr[0]=“photos/1.jpg” arr[1]=“photos/2.jpg” arr[2]=“photos/3.jpg” arr[3]=“photos/4.jpg” arr[4]=“photos/5.jpg” setInterval(changeImg,timeInterval) 函數(shù)changeImg() { var obj=文檔.getElementById(“obj”) 如果(curIndex==排列長度-1) { curIndex=0 } 否則 { curIndex=1 } obj.src=arr1首先,打開HTML編輯器并創(chuàng)建一個新的HTML文件,例如:索引.html.
2. 在索引.html在script標(biāo)記中,填寫JS代碼:setinterval(“$(“img”)。屬性(“SRC”,“small3。Png“”,1000)。
3. 瀏覽器訪問索引.html頁面上,將顯示一張圖片。
4. 一秒鐘后,圖片自動切換到另一張圖片。