进阶17:轮播

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

将所要展示的图片排成一行,用一个固定宽高的窗口来显示图片(窗口宽高与一张图片的宽高相等)。克隆第一张图片放在最后,克隆最后一张图片放在最前,通过设置整体的left值来实现图片的无缝滚动
抽象出的接口:playPrev(),palyNext(),setBulletBackground()

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

http://js.jirengu.com/zoheduguye/1/edit?html

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

http://js.jirengu.com/sawaxabupu/1/edit?html

推荐阅读更多精彩内容

  • 1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 一种左...
    晓风残月1994阅读 198评论 0 0
  • 1.轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 示意图 ...
    24_Magic阅读 117评论 0 0
  • 题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())Pa...
    饥人谷_桶饭阅读 114评论 0 0
  • 1. 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 原理...
    饥人谷_流水阅读 89评论 0 0
  • 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 提供一个展示...
    Maaaax阅读 53评论 0 0