淡入div時，徘徊在父div與jquery

我試圖讓一個div淡入淡出使用jquery，當鼠標懸停在它的父div。不知道究竟是如何做到這一點，我已經得到了下面的代碼是不工作：淡入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; 

}

來源

2012-03-29 Slick23

你錯過了一個關閉）在你的.hover函數編輯 - 實際上沒有 - 代碼似乎工作 - http://jsfiddle.net/U2QNY/7/ – lifeIsGood 2012-03-29 23:36:14

你是什麼意思的「不工作」？ – 2012-03-29 23:39:26

似乎工作：http://jsfiddle.net/j08691/vLma7/ – j08691 2012-03-29 23:40:34

你的功能有問題，試試這個：

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

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

來源

2012-03-29 23:38:13 ianaldo21

淡入div時，徘徊在父div與jquery

回答

相關問題