首页 > Web开发 > 详细

js实现图片轮播

时间:2014-09-29 21:50:02      阅读:429      评论:0      收藏:0      [点我收藏+]
实现图片轮播的效果
1
<script language =javascript > 2 function $(id){ 3 return document.getElementById(id); 4 } 5 var curIndex = 0; 6 //时间间隔 单位毫秒 7 var times = 1000; 8 var arr = []; 9 arr[0] = "0.jpg"; 10 arr[1] = "1.jpg"; 11 arr[2] = "2.jpg"; 12 arr[3] = "3.jpg"; 13 arr[4] = "4.jpg"; 14 arr[5] = "5.jpg"; 15 arr[6] = "6.jpg"; 16 setInterval(function(){ 17 var obj = $("obj"); 18 if (curIndex==arr.length-1) 19 { 20 curIndex=0; 21 } 22 else 23 { 24 curIndex+=1; 25 } 26 obj.src = arr[curIndex]; 27 } ,times); 28 </script> 29 <img id=obj src ="0.jpg"/>

 

js实现图片轮播

原文:http://www.cnblogs.com/zhouhaiou/p/4000974.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!