轮播图

轮播图

第一是要实现无缝滚动，
第二是对运动函数进行封装，鼠标移入和鼠标移除事件；
’“向左”和“向右”两个按钮的点击事件实质是改变运动函数的运动方向，即运动速度的正负。

• 无缝滚动：要搞清楚，style.left和offsetLeft的区别，二者都能获取到元素的左边距，style.left是能对数值进行更改的，而offsetLeft只能获取标签的左边距值，且是数值型，可以进行加减乘除操作，所以改变左边距一般都是offsetLeft + speed+‘px’赋值给style.left。
• 运动函数封装：在实现无缝滚动的基础上，要实现：鼠标移入和鼠标移除事件，移入的话就是清空定时器，移除的话图片要重新开始滚动，这就要求重新开定时器，运动函数也要重写一遍，为了降低冗余性，我们可以对函数进行封装，直接封装成moveTo函数，在移除的时候直接 div.onmouseover = moveTo; 就可实现相同的功能。