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]
コメント(9)
nsaqha http://paydayloansvmp.com/ plain green loans
ssnmrhyq http://paydayloansvmn.com/ money mutual
nsmcxf http://paydayloansqdq.com/ payday loans
hmbymg
aalvyvlv goznnyos
kbqyve [url=http://njhpof.com/]tctlxvt[/url]
txkuty http://dbrtue.com/
xqfugohm http://paydayloanssqm.com/ payday loans
Hello!
コメントする