dw如何制作图片自动切换效果_DW制作自动切换图js代码

网页图片自动切换

js

代码

varcurIndex=0;

//

时间间隔

(

单位毫秒

)

，每秒钟显示一张，数组共有

5

张图片放在

Photos

文件夹下。

vartimeInterval=1000;

vararr=newArray();

arr[0]="photos/1.jpg";

arr[1]="photos/2.jpg";

arr[2]="photos/3.jpg";

arr[3]="photos/4.jpg";

arr[4]="photos/5.jpg";

setInterval(changeImg,timeInterval);

functionchangeImg()

{

varobj=document.getElementById("obj");

if(curIndex==arr.length-1)

{

curIndex=0;

}

else

{

curIndex+=1;

}

obj.src=arr[curIndex];

}

可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径(绝对、相对路径都可以)

虽然很简单，但是很实用。

-------------------------------------------------------------

第二种方法

:

//

修改图片的宽度、高度，注意要和下面的一样，修改显示位置

#img1{position:absolute;width:140px;height:105px;left:220px;top:125px;z-index:1;visibility:hidden;}

#img2{position:absolute;width:140px;height:105px;left:220px;top:125px;z-index:2}