溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹怎么使用js實現圖片輪播效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
只有img標簽的html代碼，做測試用：
<body> <img src="images/class1-1.jpg" id="img"> </body>
下面是js代碼:
var k=0; //當前的索引
var ss = new Array(); //數組，用來存放圖片
ss[0] = "images/class1-1.jpg";
ss[1] = "images/class1-2.jpg";
ss[2] = "images/class1-3.jpg";
ss[3] = "images/class1-4.jpg";
function scrollPic(){
if(k>ss.length-1){ //如果當前函數超過數組下標的最大值，k=0
k=0;
}
for(var i=0;i<ss.length;i++){ //遍歷數組
if(i==k){ //如果當前索引等于當前數組下標
document.getElementById("img").src=ss[i]; //改變圖片路徑
}
}
k++; //k++,執行下一次操作
}
setInterval("scrollPic()",1000); //設置定時器以上是“怎么使用js實現圖片輪播效果”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
