1)将除了第一张轮播图片以外的图片都隐藏，并且隐藏向前、向后按钮，使第一个索引按钮处于激活状态。2)事件部分：通过jquery的hover()绑定鼠标上悬以及离开时的事件处理， jquery的bind()方法绑定鼠标点击事件处理向前、向后翻动、轮播控制：pre(), next(), play(), start()开始自动轮播，stop()停止自动轮播。以下是一个纯粹的jquery轮播插件， 该插件可以定制各种效果，方便的配置以及可扩展。以下代码直接复制可用
工具/原料
1
JS
2
html
3
css
方法/步骤
1
新建文档index.html、js、imgs（如图），层次分明便于以后维护修改；js库小编用的是jquery-1.11.3.min.js
2
打开index.html文件，小编这里用DW编辑第一部分html：放在body标签里
3
第二部分CSS样式：放在head里
注意事项
测试的时候请注意把js文件和图片文件链接地址
上一篇：js滑动轮播效果
下一篇：js图片层叠3D旋转木马轮播