本文实例讲述了jquery实现鼠标悬浮停止轮播特效代码。分享给大家供大家参考。具体如下： 运行效果截图如下：
具体代码如下：
一、主体程序
rush:xhtml;">
轮播图①（手动点击轮播）
hover(over,out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
下面来看jQuery程序：
/定时自动轮播图片代码开始/
timer=setInterval(function(){ //打开定时器
iNow++; //让图片的索引值次序加1，这样就可以实现顺序轮播图片
if(iNow>showNumber.length-1){ //当到达最后一张图的时候，让iNow赋值为第一张图的索引值，轮播效果跳转到第一张图重新开始
iNow=0;
}
showNumber.eq(iNow).trigger("click"); //模拟触发数字按钮的click
},2000); //2000为轮播的时间
/定时自动轮播图片代码结束/
/鼠标悬浮图片停止轮播代码开始/
slideShow.hover(
function(){
clearInterval(timer);
},function(){
timer=setInterval(function(){ //打开定时器
iNow++; //让图片的索引值次序加1，这样就可以实现顺序轮播图片
if(iNow>showNumber.length-1){ //当到达最后一张图的时候，让iNow赋值为第一张图的索引值，轮播效果跳转到第一张图重新开始
iNow=0;
}
showNumber.eq(iNow).trigger("click"); //模拟触发数字按钮的click
},2000); //2000为轮播的时间
}
);
/鼠标悬浮图片停止轮播代码结束/
})
从上图可以看出开启定时器的代码是重复的，所以这里可以定义一个自动播放的函数autoplay()来精简代码,经过精简后的代码如下：
定义完成后不要忘记调用这个函数，即autoplay(); 那么最终版的jQuery程序如下：
/鼠标悬浮图片停止轮播代码开始/
slideShow.hover(
function(){
clearInterval(timer);
},autoplay
);
/鼠标悬浮图片停止轮播代码结束/
})
以上就是本文的全部内容，大家可以结合下面这两篇文章进行学习：
希望本文所述对大家学习jQuery程序设计有所帮助。
