轮播的实现

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

  • 原理
    就是将几张图片水平排列,隐藏超出范围的部分,然后通过对其父元素的水平移动来实现

  • 函数接口

play(n,direction)  //  从现在的位置,往 direction 方向,切换 n 个页面
playIndicators(n)  //  轮播下方的控制器,从现在的位置,切换到目标n的位置

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

http://output.jsbin.com/kohuxag#

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

http://output.jsbin.com/jazavec

推荐阅读更多精彩内容

  • 题目1:轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 基本...
    zhouqichao阅读 43评论 0 0
  • 题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 左...
    cctosuper阅读 28评论 0 0
  • 1- 轮播的实现原理是怎样的?如果实现,会抽象出哪些函数(or接口)供使用?(比如 play()) 轮播的原理实际...
    饥人谷osborne阅读 36评论 0 1
  • 1:轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 无限轮播...
    进击的前端_风笑影阅读 30评论 0 0
  • 几年前很多人喜欢将自己的家装修成欧式风格或者复古风格,也有一些人梦想着有这样的一个家,不过啊,很多人发现,这样的家...
    家居精算师阅读 44评论 0 0