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