码迷,mamicode.com
首页 > 其他好文 > 详细

图片轮播

时间:2016-09-05 07:59:49      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:

1.声明数组存放页面中所有图片
2.声明计数器i
3.获取页面中的images的src属性的第一个下标,并不断往里面填充数组内的图片
document.images[0].src=‘images’+Array[i];
4.计时器自增
5.声明计时器,每间隔一段时间实现图片切换
6.计数器归零,如果计数器长度超过数组长度,将计数器清零
if(i>Array.length){
i=0;
}
7.将上述封装成函数,实现调用

 


<!-- 间隔换图 -->
<!-- <img src="images/1.jpg" >
<script>
var imgs=[‘1.jpg‘,‘2.jpg‘,‘3.jpg‘];
var i=0;
var t;
function change(){
clearInterval(t);
if(i>imgs.length-1){
i=0;
}
document.images[0].src=‘images/‘+imgs[i];//此时读取的对象是文档流中的对象
i++;
var t=setInterval(‘change()‘,1000);
}
change();
</script> -->

图片轮播

标签:

原文地址:http://www.cnblogs.com/kymming/p/5840985.html

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