javascript - マウスがホバーしない場合、divはフェードアウトします

Question

マウスをホバーしない場合にdivがフェードアウトするコードが必要です。これは、divを表示するコードです。表示されるとすぐにフェードアウトします。フェードアウト中にユーザーがホバーすると、フェードアウトして最初の状態になるのをやめたいと思います。そして、ユーザーがそこからホバリングすると、再びフェードアウトします。

$('#popuup_div').css({left:leftVal,top:topVal}).show().fadeOut(2000);

Answer 1

jQuery には、要素で行われているすべてのアニメーションを停止するstop()関数があります。これをmouseover()イベント ハンドラーで使用すれば完了です。

Answer 2

このフィドルを確認してください。http://jsfiddle.net/6WMDz/1/

$('#popuup_div').on('mouseover', function() {
     $(this).fadeIn();
});

</p>

私はdivに慣れmouseoverてきました。fadeInも使用できますがstop、表示が初期状態にリセットされるわけではありません。