轮播混杂
2017-03-15 本文已影响21人
sunny519111
人生就像一列开往坟墓的列车,路途上会有很多站,很难有人至始至终陪你走完全程,当陪你的人要下车时,即便不舍,也要心存感激,然后挥手告别。---sunnyhuang
题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
- 无限轮播的实现
- 首先无限轮播是元素水平排列,然后超出窗口的都隐藏
- 对于不是首位元素,改变定位后的元素left值
- 对于首位,复制首位,让元素在视觉上面有一个呈现
-
把元素回归到正确的位置,方便用户继续点击
上一张展示图
- 渐变轮播
- 渐变轮播是全部都排放在一起的,不会像无限轮播水平排列
- 利用fadeOut,fadeIn控制当前的元素隐藏,下一个元素显示
- 隐藏不显示的图片,显示要显示的图片
- 对应的索引变化很重要
可以用来抽象的接口函数
- playNext()
- playPrev()
- carouselNext()
- carouselPrev()