进阶 17 轮播

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

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

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

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

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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 进阶17 轮播的实现
    1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 一种左...
    晓风残月1994阅读 447评论 0赞 0
  • 进阶17-轮播的实现
    题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()）Pa...
    饥人谷_桶饭阅读 263评论 0赞 0
  • 进阶17-轮播
    1.轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 示意图 ...
    24_Magic阅读 289评论 0赞 0
  • 进阶17：轮播
    题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 将...
    饥人谷_严琰阅读 191评论 0赞 0
  • 孤城
    霓虹灯火，光影斑驳，在城的一头，寻一条归路。 繁华落尽，破晓黎明，在城的尽头，得一个归宿。 后记：两年前，给好友俊...
    姚七月阅读 437评论 2赞 0