2010年03月05日

tableの行にマウスを乗せた時、背景色を変更

自分で書ける範囲だったJavascriptもHTMLに直接書くのも面倒だなーと思い、class指定してjqueryを使ってまとめてやってみた。


$(".test tr:gt(0)").hover(
 function(){
  $(this).find("td").css("background-color","#fbf8d8");
 },
 function(){
  $(this).find("td").css("background-color","#FFFFFF");
 }
);


リストがずらーと並んでても見難いので、こういった細かいところをやるだけでもユーザービリティーUPに繋がるといいな簡単だし。

タグ:javascript jquery
posted by memo4me at 20:04 | Comment(0) | TrackBack(0) | design | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/142836105
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。