轮播的实现

[yongheng2016]

题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()）

轮播原理：

• 所有需要呈现的元素由一个父框包裹，通过float或flex布局让各个元素水平排列

• 每次通过移动特定距离来移动父框，让每个元素依次呈现在页面

• 当移动到边界区域的时候，要返回区域1会出现视差，效果不好

• 此时可以通过clone边界元素来进行过渡，从而完美的实现无差别轮播

• animate( ) //动画的具体实现(动画具体效果和slide的跟踪)

• playLfet( ) //控制动画按照向左方式移动

• playRight( ) //控制动画按照向右方式移动

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

代码：http://js.jirengu.com/ronoretane/1

题目3： 实现一个渐变轮播效果

代码：http://js.jirengu.com/cevoxiyiga