- ベストアンサー
FrontPageの質問
みなさん、こんにちは。 現在、フロントページでHPを作っているのですが、 現在、表を作ってセルの中にリンクのボタンをおいてあるのですが、マウスのポインタをそのボタンに持っていった時だけ、そのボタンのあるセルの背景を黒くしたいんですが、できますか？ もしあれば、やり方をよろしくお願いします。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
Dynamic HTML ですね。FrontPage は使ってませんので分かりません。 しかし、ソースとしては下記のように単純な仕組みですから、今回のご質問の部分だけメモ帳などのテキストエディターで編集って方法でどうでしょうか？ 【考え方】 <td id="c2">～</td> セルに対して c2 というIDをつけています。 onmouseover="c2.style.backgroundColor='#000000'" カーソルを重ねたときに、上記でIDをつけた ID = c2 のセル背景色を黒色#000000に変更します。 onmouseout="c2.style.backgroundColor='#FFFFFF'" カーソルが離れたときに、上記でIDをつけた ID = c2 のセル背景色を白色#FFFFFFに変更します。 【手順】 1. 下記のHTMLをメモ帳にコピー＆ペーストし、適当な名前で保存 2. 1.で作成したファイルの拡張子を.htm に変更 3. 上記で作成したファイルを開いて動作確認 【以下HTMLソース】（次行からおわりまで） <html> <head></head> <body> <form> <table border="1"> <tr><td id="c1"> セル背景色入替えのサンプルHTML <tr><td id="c2"> <input type="button" value="SAMPLE" onmouseover="c2.style.backgroundColor='#000000'" onmouseout="c2.style.backgroundColor='#FFFFFF'"> </td></tr> </table> </form> </body> </html>
お礼
Dynamic HTMLをFRONTPAGEのヘルプで検索したところ、やり方が乗っていたので完成することができました。 わざわざ、HTMLまで書いていただき感謝します。