停止關閉div;如果將鼠標懸停在它上面

如下所示，如果用戶將鼠標懸停在div上，那麼如何停止淡出div？如果不是將div懸停，那麼無論什麼時候設置爲淡出。？停止關閉div;如果將鼠標懸停在它上面

下面

是我使用的代碼....對淡入淡出和：

$("#success").fadeOut('slow'); 
$("#success").fadeIn('slow'); 
$("#success").fadeTo(5000, 1).fadeOut(2000);

我的div：

<div class="success"><a href="#" class="close">&times;</a>status message here...</div>

我想這：

if ($('#success').is(':hover')) { //dont close me and reset the time ...}

結果： enter image description here

來源

2012-05-04 Nick Kahn

綜上所述：鼠標懸停=淡入&&鼠標移開=淡出？ – sp00m

不完全或可能，例如，如果我將光標懸停在div上，那麼我希望div保持不變，只要用戶具有焦點/將光標懸停在div上，並且一旦用戶將焦點從鼠標指向/ mouseout，然後關閉div （無論何時定義）。 –

這樣的事情？ http://jsfiddle.net/krmNY/1/

var $msg = $('#dvFadeMsg'); 
var timer = null; 

function StartFadeTimer(){ 
    timer = setTimeout(function(){ 
     $msg.fadeOut('slow'); 
    }, 1500); 
} 

$('#dvFadeMsg').hover(function(){ 
    clearTimeout(timer); 
}, function(){ 
    StartFadeTimer(); 
}); 

$msg.fadeIn('slow'); 
StartFadeTimer();

HTML

<div id="dvFadeMsg">Fade me if no mouse</div>

來源

2012-05-04 14:15:59

停止關閉div;如果將鼠標懸停在它上面

回答

相關問題