ベストアンサー

マウスを乗せたときにセルの色を変える

2002/03/04 13:28

マウスを乗せたときにセルの色を変えるにはどのようにすればいいのでしょうか？セルの中には文字を入れています。セルの背景色のみを変えたいです。よろしくお願いします。

hikariko
お礼率17% (56/321)

HTML
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

steelgreen
ベストアンサー率50% (50/100)

2002/03/04 16:19 回答No.3

セルということはテーブルを使った場合だと思います。それぞれの<td>の中に onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'" の二つを記述します。#******は指定する色です。 onMouseoutを記述しないとマウスポインターが外れてもそのまま onMouseoverで指定した色のままになってしまうために記述します。 onMouseoutはマウスポインターがそのセルから外れたときにの背景色の色を onMouseoverはマウスポインターがそのセルの上にきたときの背景色をそれぞれ示しています。この記述方法でしたら IE5以上（4以下はわかりません。） Netscape6.2 Opera6.01（日本語版）でも動作しますよ。記述例を書いてみましたので参考にしてみてください。 <TABLE CELLPADDING="0" CELLSPACING="0" BGCOLOR="parent" BORDER="0"> <TR BGCOLOR="#FFFFFF"> <TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル１</TD> <TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル２</TD> <TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル３</TD> <TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル４</TD> </TR> </TABLE> ちなみに<tr>に記述すると横一列のセルすべてに適応されます。

質問者

お礼 2002/03/04 16:44

ありがとうございます！！まさしく、これがやりたかったことです。勉強になりました。

その他の回答 (2)

novaakira
ベストアンサー率36% (60/164)

2002/03/04 16:06 回答No.2

スタイルシートを利用して変えることができます。 <head></head>の中にいれてください ------------------------------------- <html> <head> <title>タイトル</title> <style type="text/css"> a:link {color: #406f8c;} a:visited {color: #104c6d;} a:active {color: #40ee40;} a:hover {background-color:#ff00ff;} </style> a:link,a:visited,a:activeはつけなくてもいいです。必要なのは、a:hoverの設定で背景色を変えることができます。