美文网首页
进阶任务十七-轮播

进阶任务十七-轮播

作者: RookieD | 来源:发表于2017-10-16 17:02 被阅读0次

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

  • 轮播的实现原理:
    • 把需要展示的图片放到同一行。
    • 创建一个可视化窗口,窗口之外的区域隐藏。
    • 在第一张图片的前面克隆最后一个图片元素,在最后一个图片后面克隆第一个元素。
    • 利用jQuery动画以及定位就能实现无限循环的轮播。
  • 抽象出来的函数
    • play(playPre()、playNext())
    • setBullet()(点击下面的小横线或者图片的缩略图进行播放)

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

https://github.com/jirengu-inc/jrg-renwu11/blob/master/homework/%E5%BC%A0%E6%99%93%E8%BE%B0/Carousel/index.html

实现一个渐变轮播效果

https://github.com/jirengu-inc/jrg-renwu11/blob/master/homework/%E5%BC%A0%E6%99%93%E8%BE%B0/Carousel/index2.html

相关文章

  • 进阶任务十七-轮播

    轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用? 轮播的实现原理:把需要展示的图片放...

  • 进阶任务17 轮播

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

  • 进阶任务十七

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

  • 进阶任务17(主线任务):轮播的实现

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

  • 进阶17 轮播

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

  • 进阶17 轮播

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

  • 进阶17:轮播

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

  • 进阶 17 轮播

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

  • Axure入门案例系列 -- 进阶轮播图

    上一篇文章给大家介绍了基础的轮播制作,适合于大部分,今天小编带领大家实现进阶的轮播图实现效果。例如轮播进度指示、快...

  • 使用JS完成首页轮播图效果

    点击替换 添加定时任务轮播图片

网友评论

      本文标题:进阶任务十七-轮播

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