ポインタを置いたときの色の変更

質問

ポインタを置いたときに変化させる際、画像の場合は、
<img src="a.gif" onMouseOver="this.src='b.gif'" onMouseOut="this.src='a.gif'">
とするといいのは知っているのですが、テーブルのセルの色を変更させる方法は無いのでしょうか？

　どなたか教えてください。　お願いします。

回答No.1

noname#199778 · ベストアンサー

JavaScriptとCSSを利用したDHTML的手法を使えば可能かと思います。
一箇所のみにこの効果を適用したい場合は、td要素の開始タグを以下のようにしてみてください。

<td onMouseover="this.style.backgroundColor='red';" onMouseout="this.style.backgroundColor='transparent';">

こうすると、このtd要素にポインタがのると背景色が変わります(上の例では赤になります)。 また、ポインタが外れると、テーブルの背景色に戻ると思います。
複数箇所で同様の効果を出したいのであれば、もう一手間かけて、関数にまとめておいた方が、ソースがすっきりして良いでしょう。

IE6とNetscape6で動作を確認してあります。 他のブラウザでは動かない例もあるかも知れません。

参考になれば幸いです。

お礼

ありがとうございます。おかげでできるようになりました。