2010-06-24 76 views
-2

我遇到了JQuery和以下標記的問題。關於模糊的jquery淡出問題

   <div id="ParentContainer"> 
        <div class="main"> 
         <div class="sub1"></div> 
         <div class="sub2"> 
          text 
         </div> 

        </div> 
       </div> 

當光標懸停在鏈接上(此標記之外)時,我需要ParentContainer淡入視圖。這工作,但我需要然後使用fadeout方法,當光標移到ParentContainer div之外。那可能嗎?

非常感謝,

回答

3

這可能嗎?

是的!

$('#ParentContainer').bind('mouseleave', function(){ 
    $(this).fadeOut('fast'); 
}); 

參考:mouseleave

+0

http://www.quirksmode.org/dom/events/mouseover.html,雖然它能夠更好地使用鼠標離開過鼠標移開,一些主要的瀏覽器還沒有實現它們,我同意mouseleave是一種更好的方式,但直到所有主流瀏覽器都採用它,我會使用鼠標。 – RobertPitt 2010-06-24 07:59:14

+0

@RobertPitt:我不是100%肯定的,但我認爲jQuery在這種情況下爲您做了跨瀏覽器的工作。 – jAndy 2010-06-24 08:29:49

+0

可能但是作爲綁定事件是JavaScript引擎的一部分,我認爲它會附加事件,而不管瀏覽器類型是什麼......不是100%確定我自己。 – RobertPitt 2010-06-24 08:44:25

0

嘗試:

$('#ParentContainer').mouseleave(function(){ 
    $(this).fadeOut('slow'); 
});