- ベストアンサー
セルの背景色をonMouseOverで変えたい
テーブルでセルがなんこかあり その各セルを触ったときに 背景色を変えたいのですが うまくいきません。 色はCSSで定義してMouseOverでそれを呼び出して なんて 感じじゃだめなんですかねぇ マイクロソフトのHPの左がわみたいなイメージです。 例があれば ありがたいです ご存知の方 おられましたら よろしくおねがいします。
- ayato
- お礼率25% (16/64)
- JavaScript
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
JavaScriptを使ってできます。 あらかじめテーブルを作っておいて、 <TD bgcolor="#ここにマウスが触れる前の色" onmouseover="this.style.backgroundColor='#ここにマウスが触れた時の色" onmouseout="this.style.backgroundColor='#ここにマウスが触れた後、マウスがセルから外れた時の色"> </TD> ・・・とセルごとにこれを繰り返します。 例） <Table> <TR> <TD bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='#00FFFF'" onmouseout="this.style.backgroundColor='#FFFFFF'"> ヽ(´ー｀)ノこんな感じ？ </TD> </TR> </Table> まあこんな感じで後は適当にアレンジを・・・ また分からない事があれば聞いてください。
その他の回答 (2)
- daicham_in_okym
- ベストアンサー率50% (3/6)
JavaScriptでスタイルにアクセスする方法でしたら <span onMouseOver="this.style.backgroundColor='orange';" onMouseOut ="this.style.backgroundColor='white';"> On Mouse Over Here!</span> 基本的にはこんな感じでしょう（注：Netscape4.*では機能しません）
- Three
- ベストアンサー率60% (3/5)
CSSで出来るのは <html> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <style type="text/css"> <!-- a:hover { background-color: #ffccaa; } //--> </style> </head> <body bgcolor="#ffffff" text="#000000"> <a href="#">OnMouseOverHere</a> </body> </html> と、こんな感じのモノになります。 試してみてください
お礼
解決しました どうもありがとうございました！