不知亲们看完以上的注释，知道原理了没有呢？其实整个代码分为四个部分：
1、图片切换
以i作为计数器，显示当前为i的图片，其它图片全部隐藏，给当前为i的按钮加上ggOn样式，其它按钮去除ggOn样式，而每次调用切换函数时i自增1。
2、自动播放
定义一个定时器loop，每5秒调用一次切换函数。
3、鼠标hover事件
原来就是鼠标悬浮时清除loop定时器，鼠标离开时载入loop定时器。
4、按钮事件
绑定tab按钮单击事件，单击后给i赋上当前tab按钮的index值-1,调用切换函数。
以上就是jquery实现图片轮播的全部关键性代码，希望大家仔细研究，教程中仍存在许多不足，希望大家予以改进。
您可能感兴趣的文章: