轮播的实现原理
- 轮播是把图片浮动水平排列。
- 然后设置一个视窗,大小等于一张图片。
- 视窗的
overflow
设置为hidden
,溢出部分不可见。 - 点击下一页,所有图片就水平移动一个宽度。
就像一张胶卷,每次展示一张图片,通过移动胶卷来切换可视的图片。
抽象出的函数组件
playNext()
下一页
-
playPre()
上一页 -
setBullet()
设置底部的小方块
overflow
设置为hidden
,溢出部分不可见。就像一张胶卷,每次展示一张图片,通过移动胶卷来切换可视的图片。
playNext()
下一页
playPre()
上一页setBullet()
设置底部的小方块本文标题:轮播
本文链接:https://www.haomeiwen.com/subject/kxswtxtx.html
网友评论