轮播图集合
无缝轮播图（图片连在一起，超过的父容器，浮动）
核心：1.无缝的关键就是克隆第一张图片，添加到ul集合的后面
2.图标的下标和下面ol里面li的下标要保持一致（统一索引，外面的索引等于里面的索引）
3.给第一张图片设置一个起始下标为零，然后随着按钮的点击自增或者自减，来记录图片的 下标（然后对下标都要进行判断）
步骤：1.动态生成序列号
2.点击序列号，当前高亮其他的取消高亮，图片以动画的方式出现
3.点击左右的按钮实现无缝轮播
4.实现图片的自动播放
呼吸轮播图（图片都是叠在一起的，没有超过容器，定位）
html搭建：1.给父盒子container一个相对定位，所有的子盒子都是绝对定位，第一个子li给一个类 名，设置z-index，让其显示出来
2.下面的ol，设置绝对定位，css设置z-index的值，让其显示出来
3.按钮arr刚开始的时候透明度opacity为零，左右按钮都是绝对定位
核心：1.统一索引
2.给第一张图片设置一个起始下标，随着点击，左右自增或者自减，来记录下标变化（对下标的值进行判断）
实现步骤：1.动态的添加ol里面的li，并且设置点击事件（采用事件委托的方式），运用排他思想
2.左右按钮都注册点击事件，实现图片的播放
html结构展示
html结构
css样式展示
css样式1
css样式2
css样式3
js样式展示
旋转木马轮播图
html结构搭建，和上面轮播图都大致一致
html
css样式书写
父容器相对定位，所有的li都采取定位，并且都堆叠在一起，最后一张图片显示出来
css布局
js代码部分
1.给一个数组来设置每张图片对应的位置，封装函数实现动画移动，在页面加载的时候就调用一次
2.节流阀的使用
