Question

我在练习网页设计中完成了jQuery循环。我的问题是，我希望脚本在鼠标悬停时开始，但是当我刷新页面时，它会启动。在我的第一个鼠标上，它停止。然后第二个鼠标悬停，它开始进行幻灯片放映并在鼠标移出时停止。这是代码：

jQuery(function($){

    // Cycle plugin
    $('.slides').cycle();

    // Pause & play on hover
    $('.slideshow-block').hover(function(){
        $(this).find('.slides').addClass('active').cycle('resume');
    }, function(){
        $(this).find('.slides').removeClass('active').cycle('pause');
    });

});

我尝试在$('.slides').cycle();中添加'暂停'或“暂停”，但它实际上会破坏插件并且没有更多效果。谢谢您的帮助！：）

Answer 1

您可以使用.mouseover，.mouseout，.mouseenter或.mouseleave更好地控制您的鼠标操作。

示例：

$(".slideshow-block").mouseover(function() {
  $(this).find(".slides").addClass('active').cycle('resume');
}).mouseout(function(){
  $(this).find(".slides").removeClass('active').cycle('pause');
});

Answer 2

我已经找到了答案，我刚才这样做了：

$('.slides').cycle().cycle('pause');

在Hover jQuery Cycle上启动脚本

2 个答案: