用js實現banner圖片輪換的方式

<div id="banner_main">
<div id="banner">
       <script language =javascript >
var curIndex=0;
//時間間隔 單位毫秒
var timeInterval=3000;
var arr=new Array();
arr[0]="http://www.yixintongda.com/images/2009_12_13_73779_145010.jpg";
arr[1]="http://www.yixintongda.com/images/2009_12_13_81425_144916.jpg";
arr[2]="http://www.yixintongda.com/images/2010_3_3_90926_18248.jpg";

setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>
<img src="http://www.yixintongda.com/images/2009_12_13_73779_145010.jpg" width="970" height="280" id="showpic" />
</div>
</div>

 

 

后記：

通過這種方式，實現banner圖片的輪換。

主要用到了js里的setInterval函數。