欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

一個簡易的js圖片輪播效果

 更新時間：2017年07月22日 09:03:56   作者：mercuryTan  
這篇文章主要為大家詳細(xì)介紹了一個簡易的js圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

一個簡易的js圖片輪播效果，話不多說，代碼獻(xiàn)上.
只有img標(biāo)簽的html代碼，做測試用：

<body> 
<img src="images/class1-1.jpg" id="img"> 
</body>

下面是js代碼:

var k=0;  //當(dāng)前的索引
var ss = new Array(); //數(shù)組，用來存放圖片
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){ //如果當(dāng)前函數(shù)超過數(shù)組下標(biāo)的最大值，k=0
    k=0;
  }
  for(var i=0;i<ss.length;i++){ //遍歷數(shù)組
    if(i==k){ //如果當(dāng)前索引等于當(dāng)前數(shù)組下標(biāo)
              document.getElementById("img").src=ss[i]; //改變圖片路徑
      }
    }
    k++; //k++,執(zhí)行下一次操作
  }

setInterval("scrollPic()",1000); //設(shè)置定時器

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論