轮播图

题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()）
滚动轮播
一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。无缝轮播：复制第一张和第三张，分别放到对尾和对前，移动到这两个位置时，再切换到复制图片对应的原图片上，这样就可以无缝移动图片。


渐变轮播
利用定位使图片上下叠在一起
初始化只显示第一张图片
利用fadeout与fadein方法来实现不同的图片渐变消失与渐变出现

设计抽象playnext（）切换下一张，playpre（）切换上一张， autoplay（）自动循环
题目2： 实现视频中的左右滚动无限循环轮播效果
http://js.jirengu.com/xoguvihoye/1/edit
题目3： 实现一个渐变轮播效果
http://js.jirengu.com/kovazafuli/1/edit

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容