1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
轮播的实现原理
- 把需要展示的图片放到同一行
- 创建一个可视化窗口,窗口之外的区域隐藏
- 在第一张图片的前面克隆最后一个图片元素,在最后一个图片后面克隆第一个元素
- 利用jQuery自定义动画和css方法来滑动图片并记录下标,当下标达到图片数量或者小于0时重置下标,同时将图片定位到第一张或最后一张的位置,从而实现无限轮播。
能抽象出的函数: playNext(), playPre(), playBullet(),autoPlay()。