2010-06-24 77 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'); 
});