做网站首页一般都会一些图片自动切换的效果,这样网站看起来就不会死板,用FLASH做出动画也是一种方法,但FLASH的缺点是体积大是的网站打开速度慢,下面我们来介绍下用js代码写出图片自动切换效果。
代码如下:
var curIndex=0;
//时间间隔 单位毫秒
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];
}
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径。