进阶17-轮播实现

1.轮播原理：

将图片排成一行，隐藏超出范围的图片，在第一张图片前添加1最后一张图片，在最后一张图片后添加第一张图片，当触发点击下一张图片的事件时，根据方向移动图片位置来滚动显示图片，滚动到最后一张图片或第一张图片时，再次滚动要跳转到第一张的图片或最后一张图片的位置，主要是利用js修改图片的位置。也可以将图片用淡入淡出的方法来实现此效果。
接口：

playPre() //上一页
playNext() //下一页
setBullet() //鼠标点击切换

2.轮播实例

轮播

3.渐变轮播实例

渐变轮播