javascript - 悬停显示无，鼠标移出显示块

Question

我的页面上有一个 div，可以点击和拖动。

在这个 div 上，我有另一个绝对位置。

在这个 div 悬停时，我希望它淡出并消失，这样我就可以使用下面的 div，但我似乎无法让它工作。有没有办法说悬停，不显示，鼠标离开，显示块？

目前我正在使用...

$('.overlay').hover(function() {
    $(this).stop(true).fadeTo("fast", 0);
}, function() {
    $(this).stop(true).fadeTo("fast", 0.3);
});

score 1 · Accepted Answer

使用鼠标悬停/鼠标悬停：

确保 mouseout 处于打开状态，underlay否则动画会闪烁，因为您淡出覆盖层，所以您离开了它。同样在您的拖动事件期间，您想查看是否要离开叠加层，因为如果您不再在它下方，您可能希望删除鼠标移出的事件处理程序，如果您回到它下方，请替换它。

$('.overlay').mouseover(function(){
    $(this).fadeOut("fast");
});

$('.underlay').mouseout(function(){
    $('.overlay').fadeIn("fast");
});

1 回答 1