轮播的实现
1. 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
- 原理:需要展示的的图片排成一排(float),父容器的宽度与每张图片宽度一致,将其想象成一个窗口,将其置于图片上(overflow: hidden),超出窗口的图片不可见,然后通过改变这一排图片的左右位置,达到在窗口中轮播的效果。
- 显示下一张和上一张图片的功能,可以封装成函数。例如:playNext()和playPre()。
2. 实现视频中的左右滚动无限循环轮播效果
代码预览
3. 实现一个渐变轮播效果, 效果范例
代码预览
上一篇
下一篇