进阶 17 轮播

2017-06-14  本文已影响0人  饥人谷_流水

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

原理:将图片水平排列,隐藏超出范围的部分,将父元素的width设为单个图片的width,然后对图片进行水平移动来实现轮播效果

2. 实现视频中的左右滚动无限循环轮播效果

[代码效果](https://ciown.github.io/Task/进阶 17/carousel.html)

3. 实现一个渐变轮播效果, 效果范例

[代码效果](https://ciown.github.io/Task/进阶 17/carousel.html)

上一篇下一篇

猜你喜欢

热点阅读