jQuery で hover() を使ってマウスホバーにあわせてスタイルを変更する方法
2010年7月23日 15:50
jQuery の hover() を使って、マウスホバーにあわせてスタイルを変更することができます。
hover(マウスが乗っているときの処理,マウスが外れたときの処理);
という形式で指定するので、例えば「list」というクラスを指定した要素に対して、マウスが乗っているときだけ「list_hover」というクラスを適用したい場合は、以下のようになります。
$(".list").hover(
function () {
$(this).addClass("list_hover");
},
function () {
$(this).removeClass("list_hover");
}
);
「マウスが乗っているときの処理」で「addClass」＝文字通り、クラス「list_hover」を追加しています。
「マウスが外れたときの処理」で「removeClass」＝文字通り、クラス「list_hover」を削除しています。
つぶやく
- 現在位置
- TOP > Web制作技術 > jQuery > jQuery で hover() を使ってマウスホバーにあわせてスタイルを変更する方法
- 前のブログ記事
- jQuery の入門というか初歩というかそういう話 [2010年7月22日 16:48]
- 次のブログ記事
- jQuery で POSTメソッドによる非同期通信を行なう方法 [2010年7月26日 17:28]
コメント(0)
コメントする