题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
- 使一个图片列表
<ul>
的图片左浮动,成为一行; - 设置图片列表父容器宽高和图片相等,
overflow
设置为hidden
,得到一个可视区域; - 通过改变图片列表
<ul>
的left
值不断偏移,使不同图片出现在可视区域中,可实现轮播效果
可以抽象出
-
playPre()
:点击左箭头,切换上一张图片; -
playNext()
:点击右箭头,切换下一张图片;
题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
<ul>
的图片左浮动,成为一行;overflow
设置为hidden
,得到一个可视区域;<ul>
的left
值不断偏移,使不同图片出现在可视区域中,可实现轮播效果可以抽象出
playPre()
:点击左箭头,切换上一张图片;playNext()
:点击右箭头,切换下一张图片;