一段非常简单的让图片自动切换js代码

王朝html/css/js·作者佚名  2008-05-30
窄屏简体版  字體: |||超大  

1<script language =javascript >

2var curIndex=0;

3//时间间隔 单位毫秒

4var timeInterval=1000;

5var arr=new Array();

6arr[0]="1.jpg";

7arr[1]="2.jpg";

8arr[2]="3.jpg";

9arr[3]="4.jpg";

10arr[4]="5.jpg";

11arr[5]="6.jpg";

12arr[6]="7.jpg";

13setInterval(changeImg,timeInterval);

14function changeImg()

15{

16 var obj=document.getElementById("obj");

17 if (curIndex==arr.length-1)

18 {

19 curIndex=0;

20 }

21 else

22 {

23 curIndex+=1;

24 }

25 obj.src=arr[curIndex];

26}

27</script>

28

29<img id=obj src ="1.jpg" border =0 />

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航