js实现轮播图的完整代码

　　一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量（封装一个动画函数）自动播放，或通过手动点击事件切换图片。

　　接下来我们要写js 代码 ，首先我们先获取我们需要的所有元素 。注：my$(id)即document.getElementById，为了简便即建的方法。

　　然后我们需要给它创建小按钮即小圆点并注册鼠标进入事件，再此之前 我们要明白，小圆点 1 2 3 并不是写死的，它是根据ul li中的图片张数来决定的 ，所以 我们要先在js中给div中的ol中的添加li(即小圆点)，并且给ul中的图片几li添加索引值以便下一步的操作。

　　最后一步就是自动轮播，即可以创建一个定时器，每隔一段时间就调用眼皮跳吉凶左右按钮的点击事件，相当于点按钮，但是要注意的是当鼠标放进相框的时候要清除定时器，不然在你点击的时候它还是会自动轮播。