2012-05-04 12 views
3

の上にカーソルを置くと、ユーザーがdivの上にカーソルを置いた場合、どのようにフェードアウトdivを停止するのですか?また、divをホバリングしていない場合は、時間が何に設定されていてもフェードアウトします。divを閉じるのを停止します。下に示すように

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

結果:私はこれを試してみました

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

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

私のdiv:以下

はフェードインとフェードアウトのために....私は使用していたコードです: enter image description here

+0

まとめると:マウスオーバー=フェードイン&&マウスアウト=フェードアウト? – sp00m

+0

正確にはそうではないかもしれないので、例えば、私がdivをホバーすると、ユーザーがフォーカスを持っているかdivをホバリングしている間、divを保持して、 (時間が何であれ定義されます)。 –

答えて

2

これって何? http://jsfiddle.net/krmNY/1/

JS

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>​ 
関連する問題