码迷,mamicode.com
首页 > Web开发 > 详细

js图片自动切换效果处理代码

时间:2016-01-02 06:57:53      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

 1 <script language =javascript > 
 2 var curIndex=0; 
 3 //时间间隔 单位毫秒 
 4 var timeInterval=1000; 
 5 var arr=new Array(); 
 6 arr[0]="1.jpg"; 
 7 arr[1]="2.jpg"; 
 8 arr[2]="3.jpg"; 
 9 arr[3]="4.jpg"; 
10 arr[4]="5.jpg"; 
11 arr[5]="6.jpg"; 
12 arr[6]="7.jpg"; 
13 setInterval(changeImg,timeInterval); 
14 function 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 <img id=obj src ="1.jpg" border =0 /> 

 

js图片自动切换效果处理代码

标签:

原文地址:http://www.cnblogs.com/sihuiming/p/5094054.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!