最簡(jiǎn)單的js圖片切換效果實(shí)現(xiàn)代碼
更新時(shí)間：2011年09月24日 01:31:25 作者：
最簡(jiǎn)單的js圖片切換效果實(shí)現(xiàn)代碼，需要的朋友可以參考下。
無意中在網(wǎng)上發(fā)現(xiàn)的，代碼非常的簡(jiǎn)單，一看就明白！
<script language =javascript >
var curIndex=0;
//時(shí)間間隔 單位毫秒
var timeInterval=5000;
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("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="image/"+arr[curIndex];
}
</script>
<img src="image/1.jpg" width="427" height="219" id="showpic" />
好了以上就是全部的代碼
復(fù)制代碼 代碼如下:
<script language =javascript >
var curIndex=0;
//時(shí)間間隔 單位毫秒
var timeInterval=5000;
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("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="image/"+arr[curIndex];
}
</script>
<img src="image/1.jpg" width="427" height="219" id="showpic" />
好了以上就是全部的代碼
您可能感興趣的文章:
- 用html+css+js實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的圖片切換特效
- 純js實(shí)現(xiàn)背景圖片切換效果代碼
- 簡(jiǎn)單的實(shí)現(xiàn)點(diǎn)擊箭頭圖片切換的js代碼
- css圖片切換效果代碼[不用js]
- 純js無flash仿搜狐女人頻道FLASH圖片切換效果代碼
- javascript實(shí)現(xiàn)圖片切換的幻燈片效果源代碼
- JS實(shí)現(xiàn)圖片切換效果
- JavaScript實(shí)現(xiàn)圖片切換效果
- js鼠標(biāo)點(diǎn)擊圖片切換效果代碼分享
- javascript實(shí)現(xiàn)點(diǎn)擊圖片切換功能
相關(guān)文章
在 IE6 中，可以很方便地利用 img 的 src 屬性，實(shí)現(xiàn)本地圖片預(yù)覽，然而在 IE7 中，這種辦法卻行不通。需要用 AlphaImageLoader2009-03-03
一個(gè)CSS布局實(shí)例，介紹的是一個(gè)橫向排列的圖片列表，這也是大家在從事網(wǎng)頁布局時(shí)候最常見的一種布局實(shí)例，有必要掌握，本代碼已經(jīng)過了優(yōu)化，個(gè)別細(xì)節(jié)你需根據(jù)你的網(wǎng)站主CSS風(fēng)格進(jìn)行調(diào)整，才能完美搭配。2010-03-03
純CSS實(shí)現(xiàn)的漂亮的立體圖片邊框效果，陰影代碼
純CSS 漂亮的立體圖片邊框效果，圖片陰影代碼，個(gè)人覺得這個(gè)挺實(shí)用，CSs實(shí)現(xiàn)的，定義成類，可讓你整個(gè)網(wǎng)頁上的圖片都是有立體陰影的，不錯(cuò)吧，感謝作者分享。2010-10-10
純CSS實(shí)現(xiàn)的當(dāng)鼠標(biāo)移上圖片添加陰影效果代碼
這個(gè)效果挺實(shí)用，當(dāng)把鼠標(biāo)放到一幅靜止的圖片上，圖片的四周邊框會(huì)出現(xiàn)陰影，具有立體感的效果，代碼是第二次修正，能適應(yīng)大小不同的圖片，值得大家嘗試一用哦。2009-12-12
下面的代碼主要用于一些圖片網(wǎng)站上，只要點(diǎn)擊一下鏈接，即可出現(xiàn)保存圖片對(duì)話框。2009-04-04
圖片輪換顯示效果,學(xué)習(xí)js的朋友可以參考下。2010-03-03
非常漂亮的旋轉(zhuǎn)圖片陳效果代碼，已封裝成類，方便調(diào)用2008-09-09
鼠標(biāo)放上去圖片明亮顯示，不錯(cuò)的js效果2008-05-05
又一個(gè)圖片自動(dòng)縮小的JS代碼...2007-03-03
jQuery.lazyload+masonry改良圖片瀑布流代碼
這里主要是使用jQuery.lazyload配合masonry實(shí)現(xiàn)瀑布流的重新排列，有時(shí)候網(wǎng)站的速度慢，圖片加載慢，獲取不到圖片的寬度和高度，所以使用lazyload可以在圖片加載完之后，進(jìn)行瀑布流的重新排列。2014-06-06