mission-32(轮播)

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

克隆第一张图片插入到最后一张图的后面,克隆最后一张图插入到第一张图的,让图片并排在第一行,通过overflow: hidden让视窗只能看到一张图片,上一张和下一张按钮通过left:"-="+lenimgWidth或“+=”+lenimgWidth实现轮播效果,这个时候马上把整个图片列回归到真实的第一张,达到无限循环轮播。
playNext()//下一页
playPre()//上一页
setBullet()//跳转任意页
setInterval()//自动轮播
轮播
http://js.jirengu.com/zuloviqani
渐变轮播
http://js.jirengu.com/befurareve

你可能感兴趣的:(mission-32(轮播))