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

图片轮播滚动

时间:2016-09-07 19:06:25      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

 

 

 

//以轮播3张图片abc为例,
//(1)首先在首尾各插一张图片,在第一个图片a前面插入一张c图片,在最后一张图片c后面插入一张a图片(过渡效果使用)CabcA
//(2)当移动至最后一个图片c后,在往后移动,会移动至A图片,即回到了第一张图片(实际上,这个图片在最后一张),这时从c到A有滑动效果,有一个滑动时间scrolltime的延迟,当这个scrolltime过后,立即将div的left重置到显示a图片的位置(这个设置过程,不使用滑动效果transition,不会有时间延迟,立即生效),这样就将div的位置重置了,同时又能从c到a有滑动效果

图片轮播滚动

标签:

原文地址:http://www.cnblogs.com/lydialee/p/5850438.html

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