jquery - 淡入淡出背景图像

Question

我给你一个链接jsfiddle.net/swati712/4Zx5q通过单击左上角的绿色圆圈 按钮 可以看到，背景图像显示为 fadeIn jquery 函数，一旦您离开图像区域，该图像就会淡出并且灰色背景重新出现.但是现在我想当有人将鼠标悬停在任何灰色区域时，图像就会出现，而不仅仅是单击绿色按钮。我知道这是一项非常简单的任务，但需要这方面的帮助。

Answer 1

我认为您想将悬停处理程序放在具有灰色背景颜色的元素上(参见 fiddle):

$('#container').hover(function() {
    $(".main1").fadeIn();
    $(".logo").fadeOut();
    $(".logo-left").fadeIn();
}, function(){
});

如果您不介意将悬停功能限制在灰色元素上，并且想在整个页面上捕获该事件，您可以更改 jquery 选择器以将 document 元素作为目标:

$(document).hover(function() { /* hover code here */});