用js代码写出图片自动切换效果
发布时间:2011-05-06 17:45:43

做网站首页一般都会一些图片自动切换的效果,这样网站看起来就不会死板,用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];
}

 

可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径。



在线咨询

点击这里给我发消息 售前咨询专员

点击这里给我发消息 售后服务专员

在线咨询

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部