Question

修改

我遇到的问题是叠加层的z索引比'.bar'元素高。感谢@nnnnnn指出显而易见的！

在我创建的网站上，当用户将鼠标悬停在元素上时，我希望覆盖淡入淡出，当他们离开元素时淡出淡出。

我目前使用的代码是：

$(".bar").mouseenter(function() {
$('#overlay_hover').fadeIn('slow');
})

$(".bar").mouseleave(function() {
$('#overlay_hover').fadeOut('slow');
})

这可以淡化叠加层但是当我将第二段代码添加到fadeOut时，当你将鼠标悬停在'.bar'上时，叠加层会反复淡入和淡出。我确信这很简单，但我刚刚开始使用jQuery，非常感谢任何帮助或方向！

Answer 1

你可以使用.stop（）

例如

$('#overlay_hover').stop().fadeOut('slow');

jQuery参考http://api.jquery.com/stop/

也看看这里 Jquery Stop Fadein / Fadeout

Answer 2

或者您可以尝试使用，

$(".bar").on("mouseenter", "div", function(){
    $('#overlay_hover').fadeIn('slow');
}).on("mouseleave", "div", function(){
    $('#overlay_hover').fadeOut('slow');
});

jQuery鼠标输入

2 个答案: