题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()）
-
轮播实现的原理：
图片左浮动，图片的父元素要绝对定位，宽度可以通过JS计算，这样通过改变图片父容器left的属性，可以依次把图片显示出来。（注意：要把头部的图片复制到尾部，把尾部的图片复制到头部，不然会出现空白,当刷到最后一张图片（复制）时，实际上跳到第一张图片,同理，倒退到第一张图片（复制）,实际上跳到最后一张图片） -
要注意的点
1.可以设置一个全局的变量imgIndex，控制四张图片的顺序
2.要设置一个状态锁
3.jq 返回的length 不是动态的
4.尽量要抽象出可以复用的函数
可以抽象的函数: prePlay(),nextPlay() ,play()
题目2： 实现视频中的左右滚动无限循环轮播效果
https://jsxiaocainiao.github.io/demos/%E8%BD%AE%E6%92%AD/%E8%BD%AE%E6%92%AD.html
题目3： 实现一个渐变轮播效果, 效果范例441
https://jsxiaocainiao.github.io/demos/%E8%BD%AE%E6%92%AD/%E6%B7%A1%E5%85%A5%E8%BD%AE%E6%92%AD.html
网友评论