轮播图

//1 鼠标经过轮播图模块 左右按钮显示 鼠标离开隐藏按钮

//2 点击右侧按钮 图片往左播放一张 以此类推 左侧按钮同理

//3 图片播放的同时 下面小圆点跟随一起变化

//4 点击小圆点 可以播放相应图片

//5 不做任何操作 图片也会定时轮播

//3 鼠标经过 轮播图模块自动停止播放

//1 js比较多 我们单独建一个js文件
//2 需要添加onload事件
//3 mouseenter 和 mouseleave 事件
//4 display:biock 和 none

//1 得到ul里面图片的张数 [ 图片在li中 就是li的个数 ]
//2 利用循环生成小圆圈 插入到ol中
//3 创建节点 var li = document.createElement(‘li‘);
//4 插入节点 ol.appendChild(li); 

//1 给所有小圆圈添加点击事件
//2 点击当前小圆圈 就添加 current类
//3 其余小圆圈就移除current类
//4 重点：我们在刚刚生成小圆圈的同时，就可以添加点击事件
//所以点击事件写在了 生成li的for循环里

//1 用到了 animate.js 动画函数
//2 引用的时候 animate.js 要写在 index.js 上面  [因为index 依赖 animate]
//3 使用动画函数 元素必须有定位 因为用到了left值
//4 ul使用动画 所以给ul添加 position:absolute
//5 滚动图片的核心算法：

  图解公式

 重点：是ul在移动 不是li移动

//1