进阶任务十七-轮播
作者:
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
本文标题:进阶任务十七-轮播
本文链接:https://www.haomeiwen.com/subject/donxjxtx.html
网友评论