我正在尝试使用一些jquery和html。
我有两个包含各种内容的元素容器。这两个元素彼此相邻。div不包含彼此。我编写了代码,这样当我将鼠标移到一个div(div)上时,另一个div(div#1)向下滑动(div#2)。
此外,当您鼠标离开时,.slideDown会向上滑动(div#2)。
问题是,如果div#2已经向下滑动,并且再次鼠标悬停.slideUp,则div#2将再次上下滑动。这很烦人也很不专业。我需要它向上滑动,只有当我的鼠标没有超过div#1
这就是我的目标:我需要找到一个jquery语句,上面写着,
只有当鼠标“离开”而不是“超过”div#2时,才向上滑动。
这可能吗?
我很感激你的帮助。
谢谢。

最佳答案

在重新设置元素动画之前,需要使用.stop()停止动画。这将防止队列中出现重复的动画:

$('#stop').hover(function() {
    $(this).stop().animate({width: '250px'});
}, function() {
    $(this).stop().animate({width: '150px'});
});

演示:http://jsfiddle.net/Blender/2TkNc/2/

09-25 19:48
查看更多