进阶17

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

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

你可能感兴趣的:(进阶17)