美文网首页
进阶 17 轮播

进阶 17 轮播

作者: 饥人谷_流水 | 来源:发表于2017-06-14 07:38 被阅读0次

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:进阶 17 轮播

          本文链接:https://www.haomeiwen.com/subject/vgxsqxtx.html