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毫秒后，当前设置恢复。

jquery循环与悬停效果

1 个答案: