题目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