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

原理： 利用一个框型父元素展示被平铺的子元素。实现过程为

1. 把需要展示的子元素用css设置为平铺
2. 父元素设置为overflow：hidden，从而只展示其中一个子元素
3. 用js计算子元素的宽度
4. 然后利用animate动画根据子元素宽度进行位移

接口

play(index)    //播放第几张
playPrev()     //播放上一张
playNext()     //播放下一张
setBullet()    //设置轮播index按钮样式
playAuto()     //自动播放

左右滚动无限循环轮播效果

渐变轮播效果