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

js实现图片轮播

时间:2014-09-29 23:15:31      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   java   sp   div   c   

实现图片轮播的效果
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实现图片轮播

标签:style   blog   color   io   ar   java   sp   div   c   

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

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