进阶17

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

实现原理
1、 将图片看成是一个整体,html里面就是ul,然后将这个整体设置为绝对定位,因此只需要变动这个整体样式的left,就可展示自己
想要的图片,当然这个整体的父容器,设置相对定位,同时溢出部分隐藏。
2、根据当前这个整体的offsetLeft值,和点击按钮之后,这个整体的offsetLeft值,找出它们之间存在的关系,不难发现和图片的宽度
有关。
自动播放时候的move() 函数
还有底部按钮,要先全部样式为无,之后将当前添加样式。 先全部样式为无
可以抽象出remove() 函数。
题目2: 实现视频中的左右滚动无限循环轮播效果
预览
题目3: 实现一个渐变轮播效果, 效果范例486
预览
以上效果代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,971评论 25 709
  • 1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 一种左...
    晓风残月1994阅读 3,207评论 0 0
  • 题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())Pa...
    饥人谷_桶饭阅读 1,787评论 0 0
  • 题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 将...
    饥人谷_严琰阅读 1,427评论 0 0
  • 文/陈筱柒 01 情这个东西总是最难以琢磨的。曾经的我们年少轻狂,不知天高地厚。 想象着有一个像紫霞仙子说的那样的...
    陈筱柒阅读 4,218评论 0 5

友情链接更多精彩内容