一個簡易的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); //設置定時器以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
