如何給出鼠標懸停

時延我有下面的代碼如何給出鼠標懸停

$(document).ready(function(){ 

    //When mouse rolls over 
    $("#nav #nav_li").mouseover(function(){ 
     $(this).stop().animate({height:'140px', width:'182px'},{queue:false, duration:600}) 
    }); 

    //When mouse is removed 
    $("#nav #nav_li").mouseout(function(){ 
     $(this).stop().animate({height:'11px', width:'146px'},{queue:false, duration:900}) 
    }); 


});

在那個時候我做的鼠標在其突然動畫作品

當我將鼠標懸停在#nav_li將幾秒鐘後

動畫

謝謝大家

來源

2010-11-12 Mubeen

您是否已經多次使用'nav_li' ID？ – 2010-11-12 10:51:10

對不起，我真的不明白你在說什麼。 – 2010-11-12 10:51:33

@Nick Craver：是的，我已經使用了 – Mubeen 2010-11-12 11:02:14

AFAIK，有jQuery plugin HoverIntent來處理這個問題。

overIntent是一個插件，試圖來確定用戶的意圖......像水晶球，只用鼠標運動！它的工作原理類似於（並且源自jQuery的內置懸停的）。但是，調用onMouseOver函數，而不是立即而不是立即等待，直到用戶的鼠標在撥打電話前減慢。

爲什麼？延遲或阻止動畫的意外觸發或ajax調用。簡單超時適用於小區域，但如果您的目標區域較大，則可以執行，不管意圖。

來源

2010-11-12 10:50:28 Sarfraz

如何給出鼠標懸停

回答

相關問題