我正在为学习目的建立一个简单的轮播列表。
在某些轮播示例中,如果您将缪斯悬停在上一个或下一个按钮上,则列表会开始滚动,就像重复点击事件被传递到上一个和下一个按钮一样。
现在,在我的旋转木马中,我有上下按钮,可以在列表中上下滑动。现在我希望实现悬停效果。但坚持事件:(我的想法是鼠标结束,我应该触发点击事件,但事件只被触发一次,而我希望它被反复触发,只要鼠标停留在按钮上。
我该怎么做?这种悬停效果的最佳方法是什么?
提前致谢, 安键
答案 0 :(得分:2)
在鼠标悬停事件(或悬停事件的第一个方法)中,您启动一个定时功能,该功能导致滚动和鼠标输出事件(或悬停事件的第二种方法)停止定时功能
var interval;
$('#arrow').hover(function() {
interval = setInterval(animationmethodname, speed);
},
function() {
clearInterval(interval);
});
此代码应使用set interval。还可以使用循环和setTimeout()
查看替代方法答案 1 :(得分:0)
在鼠标悬停时启动(并循环)动画,在mouseout上停止/暂停动画?