jQueryゼロから / hover (オンマウスでアニメーション)


mouseover / mouseout でもできるけど hover ( mouseenter / mouseleave) の方が便利なので。
例えば、ある要素にマウスが乗っかったらアニメーションしたい時に、その要素の上にボタンとかアイコンとかがあると、mouseover / mouseout イベントが発生して思うように動作しなかったりするので、その時は hover 使いましょ、と。
まあ、基本なんだろうけど細かい動作の違いを知っておくと助かる場面も。
※知らずにやって驚いただけなんだが…

1
2
3
4
5
$('#target').hover(function(event){
    // mouseover時の処理
}, function(event){
    // mouseout時の処理
});

サンプル
2011.01.29追記
hoverと組み合わせてstop使うと便利なので、サンプルに補足しました。

「jQueryゼロから / hover (オンマウスでアニメーション)」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です