轮播

题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
将需要轮播的图片排成一行,并在需要显示图片的位置开上一个同一张图片尺寸大小相同的窗口,该窗口设置属性overflow: hidden,然后控制图片层的左右拖动,进而实现轮播效果。利用人眼的视觉差,在最后一张图片后面加上第一张图片并且瞬间切换至第一张,反复这样操作就会让人产生图片无限滚动的错觉。并且点击下面页标跳转到相应页面上。需要设置状态锁,触发时加锁,动效完毕后回调开锁。
滑动型:if判断重置 渐变型:利用%计算的循环特性
play() playPre() playNext() setBullet()

题目2: 实现视频中的左右滚动无限循环轮播效果
demo

题目3: 实现一个渐变轮播效果, 效果范例198
demo
http://js.jirengu.com/pudixahehe/3/edit

你可能感兴趣的:(轮播)