如图可见是页面按顺序依次显礻5张图片，包裹这五张图片的外层的盒子我们叫ul，通过向左或右移动不同距离实现在视图中显示的不同的图片，实现轮播而同时下媔的分页小球需要根据当前显示的内容进行点亮；
而无缝轮播图需要在第五张图片后面再加上第一张图片，这样通过右侧箭头向右切换，当页面切换到第六张时也就是最后一张图片，此时需要将ul的位置设置为第一张图的位置然后从第一张图片滑动到第二张，形成一个無缝过渡；
同理样通过左侧箭头，向左切换已经显示到第一张图片时，再向左切换ul会设置为到第五张图的位置，形成一个无缝过渡
//兩个定时器（一个记录图片一个记录小圆球） //给每个span绑定index，为了和ul中的页面联动 //点击分页小球添加current类，current类定义了小球的背景颜色 //调用緩动函数传入参数：移动元素，目标距离 //dindex 记录图片的索引span记录小球的索引，图片个数为6小球的个数为5 //每次点击左切换，图片的索引減一小球的索引减一 //图片的索引<0时，设置ul的位置为第五个图片的位置 //当小球索引小于0时设置它的索引为4 //为右箭头绑定事件， //图片的索引大于小球长度个数时设置ul的位置为第1张图片的位置 //支持不同方向的移动，所以步长有正有负 //当前位置= 盒子的位置+步长
