javascript - 如何让这个脚本在悬停时暂停?

标签 javascript jquery css

我是 jQuery 新手,需要一些帮助。我正在使用这个 jQuery 脚本作为证明旋转器,它的工作原理非常棒,但我只需要做一个小的调整。我需要它能够在悬停时暂停,然后在鼠标离开 div 时重新启动。我该怎么做?

这是我正在使用的脚本:

function fadeMyContent() {
    $(".testimonial:first").fadeIn(1000).delay(3000).fadeOut(1000,
        function() {    
            $(this).appendTo($(this).parent());   
            fadeMyContent();    
        });
    }

    fadeMyContent();
});

这是一个JSFiddle .

最佳答案

有一个插件可以提供您需要的所有功能并且更可靠,称为 jQuery Cycle 2 .

它在初始化时提供了一个“悬停暂停”选项。

关于javascript - 如何让这个脚本在悬停时暂停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20256058/

相关文章:

css - 特定类别中的 Magento 样式产品

javascript - 检测 JavaScript 代码中的拼写错误

javascript - 如何通过他们的类(class)在图像上点击事件或火灾事件?

javascript - 动态添加输入 jquery

javascript - 提交类型输入并避免垃圾邮件机器人的正确方法?

javascript - CakePHP 3 : Ajax response is returning a 200 response code and a parsererror

css - Bootstrap 登录表单重叠

html - 为什么显示属性设置为继承 CSS 变量不起作用?

javascript - Javascript 中的自定义滚动条行为?

javascript - jquery.each 同步