基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）

本文讲解第一部分，后面两部分会在接下来的文章中陆续发布，敬请关注。.arr则是由两个左右方向键组成。再一个要注意的是#dots和.arr的z-index设置成2，即都应该显示在滑块上面。接受两个参数，index即要滑动的目标滑块，dir是滑动方向，有next和prev。绑定左右箭头的点击事件，当点击箭头时，判断当前滑块是否是第一个滑块或最后一个滑块，并重新定义index，从而实现无线滚动效果，然后分别调用moveTo()函数，实现滑动动画效果。自动切换，首先我们要定义一个定时器，每隔一定的时间setInterval执行play()，play()每执行一次就会变化index参数，调用moveTo实现切换效果。最后当鼠标滑上滑块时清除定时器timer，鼠标移开滑块时又重新启动定时器自动切换。