快捷導(dǎo)航

一段非常簡(jiǎn)單的讓圖片自動(dòng)切換js代碼

更新時(shí)間：2006年11月10日 00:00:00 作者：

<script language =javascript > 
var curIndex=0; 
//時(shí)間間隔 單位毫秒 
var timeInterval=1000; 
var arr=new Array(); 
arr[0]="1.jpg"; 
arr[1]="2.jpg"; 
arr[2]="3.jpg"; 
arr[3]="4.jpg"; 
arr[4]="5.jpg"; 
arr[5]="6.jpg"; 
arr[6]="7.jpg"; 
setInterval(changeImg,timeInterval); 
function changeImg() 
{ 
    var obj=document.getElementById("obj"); 
    if (curIndex==arr.length-1)  
    { 
        curIndex=0; 
    } 
    else 
    { 
        curIndex+=1; 
    } 
    obj.src=arr[curIndex]; 
} 
</script> 

<img id=obj src ="1.jpg" border =0 /> 
可以自己配置，自己設(shè)置每張圖片切換的時(shí)間間隔，自己設(shè)置每張圖片的路徑（絕對(duì)、相對(duì)路徑都可以） 
雖然很簡(jiǎn)單，但是很實(shí)用。

您可能感興趣的文章:

一段非常簡(jiǎn)單的讓圖片自動(dòng)切換js代碼

相關(guān)文章

jQuery.lazyload+masonry改良圖片瀑布流代碼
這里主要是使用jQuery.lazyload配合masonry實(shí)現(xiàn)瀑布流的重新排列，有時(shí)候網(wǎng)站的速度慢，圖片加載慢，獲取不到圖片的寬度和高度，所以使用lazyload可以在圖片加載完之后，進(jìn)行瀑布流的重新排列。
2014-06-06
js鼠標(biāo)移動(dòng)在title中顯示圖片的效果代碼
當(dāng)鼠標(biāo)移動(dòng)時(shí)，在title提示框中，顯示出設(shè)定的圖片。
2009-11-11
js實(shí)現(xiàn)圖片加載時(shí)候逐漸出現(xiàn)的雜色效果
有一些網(wǎng)站在加載圖片的時(shí)候不是一下子就出來(lái)了，而是由模糊到清淅，或是由一種不占用過(guò)多網(wǎng)絡(luò)資源的方式先大致顯示，然后再慢慢加載，避免因用戶等不及將網(wǎng)頁(yè)關(guān)掉，像馬賽克效果、沙子效果等
2010-08-08
js 圖片縮放特效代碼
非常不錯(cuò)nipic使用的圖片縮放實(shí)現(xiàn)代碼。
2009-05-05
又一個(gè)小巧的圖片預(yù)加載類
又一個(gè)小巧的圖片預(yù)加載類...
2007-05-05
javascript實(shí)現(xiàn)圖片切換的幻燈片效果源代碼
網(wǎng)頁(yè)上有許多圖片切換的幻燈片效果,它們大多用flash實(shí)現(xiàn),那javascript能不能實(shí)現(xiàn)他們呢,當(dāng)然可以,我自己寫(xiě)了一個(gè),需要的朋友可以參考下
2012-12-12
用javascript實(shí)現(xiàn)旋轉(zhuǎn)圖片效果的代碼
用javascript實(shí)現(xiàn)旋轉(zhuǎn)圖片效果的代碼...
2007-11-11
圖片上傳即時(shí)顯示縮略圖的js代碼
主要用于上傳圖片的過(guò)程中可以顯示圖片，這樣就可以確認(rèn)圖片有沒(méi)有遠(yuǎn)錯(cuò)，利用提高正確率。
2009-05-05
JS 圖片縮放效果代碼
現(xiàn)在許多網(wǎng)站上都有圖片的自由放大和縮小功能。這里的代碼并不好，適合開(kāi)始學(xué)習(xí)js朋友。更多更好的代碼，可以搜索腳本之家以前的文章。
2010-06-06
超級(jí)經(jīng)典一套鼠標(biāo)控制左右滾動(dòng)圖片帶自動(dòng)翻滾
鼠標(biāo)控制左右滾動(dòng)圖片帶自動(dòng)翻滾
2008-06-06