如何通过鼠标悬停在JQuery中触发重复事件?

时间:2009-07-12 12:03:22

标签: jquery events

我正在为学习目的建立一个简单的轮播列表。

在某些轮播示例中,如果您将缪斯悬停在上一个或下一个按钮上,则列表会开始滚动,就像重复点击事件被传递到上一个和下一个按钮一样。

现在,在我的旋转木马中,我有上下按钮,可以在列表中上下滑动。现在我希望实现悬停效果。但坚持事件:(我的想法是鼠标结束,我应该触发点击事件,但事件只被触发一次,而我希望它被反复触发,只要鼠标停留在按钮上。

我该怎么做?这种悬停效果的最佳方法是什么?

提前致谢, 安键

2 个答案:

答案 0 :(得分:2)

在鼠标悬停事件(或悬停事件的第一个方法)中,您启动一​​个定时功能,该功能导致滚动和鼠标输出事件(或悬停事件的第二种方法)停止定时功能

var interval;
    $('#arrow').hover(function() {
        interval = setInterval(animationmethodname, speed);
    },
    function() {
        clearInterval(interval);
    });

此代码应使用set interval。还可以使用循环和setTimeout()

查看替代方法

答案 1 :(得分:0)

在鼠标悬停时启动(并循环)动画,在mouseout上停止/暂停动画?