一段非常簡(jiǎn)單的讓圖片自動(dòng)切換js代碼
更新時(shí)間:2006年11月10日 00:00:00 作者:
復(fù)制代碼 代碼如下:
<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)單的js圖片切換效果實(shí)現(xiàn)代碼
- 用html+css+js實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的圖片切換特效
- js圖片自動(dòng)切換效果處理代碼
- js鼠標(biāo)點(diǎn)擊按鈕切換圖片-圖片自動(dòng)切換-點(diǎn)擊左右按鈕切換特效代碼
- 純js實(shí)現(xiàn)背景圖片切換效果代碼
- js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果實(shí)例
- 簡(jiǎn)單的實(shí)現(xiàn)點(diǎn)擊箭頭圖片切換的js代碼
- css圖片切換效果代碼[不用js]
- JS鼠標(biāo)滑過(guò)圖片時(shí)切換圖片實(shí)現(xiàn)思路
- JavaScript實(shí)現(xiàn)切換多張圖片
相關(guān)文章
用js實(shí)現(xiàn)上傳圖片前的預(yù)覽(TX的面試題)
用js實(shí)現(xiàn)上傳圖片前的預(yù)覽(TX的面試題)...2007-08-08ie8.0下顯示本地圖片的js實(shí)現(xiàn)代碼 img.src
ie8.0下顯示本地圖片的js實(shí)現(xiàn)代碼,IE8.0 顯示本地圖片 img.src=本地圖片路徑 是無(wú)效,只能通過(guò)div來(lái)完成2012-03-03簡(jiǎn)單的實(shí)現(xiàn)點(diǎn)擊箭頭圖片切換的js代碼
這個(gè)是一個(gè)簡(jiǎn)單的點(diǎn)擊箭頭圖片切換的例子。JS部分采用過(guò)的是jQuery2012-11-11javascript 不間斷的圖片滾動(dòng)并可點(diǎn)擊
不間斷的圖片滾動(dòng)效果實(shí)現(xiàn)代碼。2010-01-01兼容ie、firefox的圖片自動(dòng)縮放的css跟js代碼分享
這個(gè)功能主要是解決內(nèi)容頁(yè)中的圖片過(guò)大撐出,導(dǎo)致頁(yè)面比較難看,就需要這樣的代碼,需要的朋友可以參考下2012-01-01javascript實(shí)現(xiàn)的三維正方體(兼容ie7,ff)
2008-02-02用dom+xhtml+css制作的一個(gè)相冊(cè)效果代碼打包下載
2008-01-01