jquery循环与悬停效果

Question

大家好，我需要一些帮助，对jquery仍然很陌生，

我正在使用循环插件，到目前为止我有以下内容，我试图找到添加悬停的方法，

这样当用户将鼠标悬停在菜单中的链接上时，它就会循环通过它暂停循环并切换到悬停即用户控制，

但在鼠标移出一段时间后它会恢复

var n=0
var dn=1
$(document).ready(function() {
$('.slideshow') 
.cycle({ 
fx:     'fade', 
speed:  500, 
timeout: 3000, 
before: function(curr, next, opts) {
     n=n+1;
    if (n>5) {n=1;dn=5}
    $('#item'+dn).removeClass("active");
    $('#item'+(n)).addClass("active");
    dn=n;
    } 
});

$(".slideshow").cycle('resume');

$(".slideshow").mouseover(function(){
  $(this).cycle('pause');
}).mouseout(function(){
  $(this).cycle('resume');
});
});

对此的任何帮助将非常感谢

Answer 1

$(".slideshow").hover(function(){
    clearTimeout();
    $(this).cycle('pause');
}, function(){
    setTimeout(function(){
        $(this).cycle('resume');
    }, 500);
});

当前设置为在未将鼠标悬停在幻灯片上 500 毫秒后恢复。