Question

当鼠标悬停在它的父div上时，我正试图让div使用jquery淡入淡出。不确定如何做到这一点，我下面的代码不起作用：

$("#front-nav-wrapper").hover(function(){
    $("#front-nav").fadeIn("slow");
},
function(){
    $("#front-nav").fadeOut();
});

这是HTML

<div id="front-nav-wrapper">
<div id="front-nav">
    &nbsp;
</div>
</div>

这就是CSS

#front-nav-wrapper {
    height:125px;
    position:fixed;
    top:0px;
    padding:0px;
    width:100%;
}
#front-nav {
    height:125px;
    position:fixed;
    top:0px;
    margin:0px;
    padding:0px;
    z-index:75;
    width:100%;
    background:#fff;
    background:rgba(255,255,255,.5);
    display:none;

}

Answer 1

您的功能存在问题，请尝试以下方法：

$("#front-nav-wrapper").bind("onmouseover", function(){
    $("#front-nav").fadeIn("slow");
});

$("#front-nav-wrapper").bind("onmouseout", function(){
    $("#front-nav").fadeOut("slow");
});

当用jquery悬停在父div上时淡入div

1 个答案: