轮播

题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()）
将所有图片左浮动使其排在一排，控制可视区域的容器的大小和一张图片相同，容器外的图片隐藏。当点击左右剪头或者选择按钮时，通过图片父容器的定位left值来控制图片的展示
函数：playNext()、playPre() 、autoPlay()
题目2： 实现视频中的左右滚动无限循环轮播效果
jsbin在线预览地址
github代码
题目3： 实现一个渐变轮播效果
jsbin在线预览地址
github代码

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

推荐阅读更多精彩内容

  • 原生JS实现轮播（上）
    这是前阵子写的2款原生JS轮播，一个是渐变轮播预览，一个是滚动轮播预览，现在补充博文总结。 渐变轮播 因为是梳理自...
    妙言Lisa阅读 969评论 2赞 7
  • 进阶17 轮播的实现
    1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 一种左...
    晓风残月1994阅读 457评论 0赞 0
  • 0506 横向管理&知识焦虑
    横向管理要注意沟通 本周要需要对各个技术部的流程进行汇总，但直到周五下午，还差一份报告。 “你的报告什么时候能做好...
    程意凉阅读 262评论 16赞 11
  • CocoaPods install
    1.开启 终端 Terminal 2.移除现有 Ruby 默认源 gem sources --remove htt...
    XLsn0w阅读 248评论 0赞 0
  • 想努力去看看，看看自己有多大的能量
    奔三了，自己好像还什么都没有经历过，没有生育过得女人不算真正的女人，但是我想看看自己到底有多大的能量，想去尝试，尝...
    relaxmyself阅读 392评论 0赞 1