セルの背景色をonMouseOverで変えたい

解決済

質問者：ayato
質問日時：2001/08/25 22:34
回答数：3件

テーブルでセルがなんこかあり　その各セルを触ったときに
背景色を変えたいのですが　うまくいきません。
色はCSSで定義してMouseOverでそれを呼び出して　なんて
感じじゃだめなんですかねぇ
マイクロソフトのHPの左がわみたいなイメージです。
例があれば　ありがたいです
ご存知の方　おられましたら　よろしくおねがいします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： SAtflare
回答日時：2001/08/26 23:49

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>

まあこんな感じで後は適当にアレンジを・・・
また分からない事があれば聞いてください。

- 0
- 件

通報する

この回答へのお礼

解決しました　どうもありがとうございました！

通報する

お礼日時：2001/08/27 01:19

No.2

回答者： daicham_in_okym
回答日時：2001/08/26 23:45

JavaScriptでスタイルにアクセスする方法でしたら

<span onMouseOver="this.style.backgroundColor='orange';"
onMouseOut ="this.style.backgroundColor='white';">
On Mouse Over Here!</span>

基本的にはこんな感じでしょう（注：Netscape4.*では機能しません）

参考URL：http://tohoho.wakusei.ne.jp/js/style.htm

- 0
- 件

通報する

No.1

回答者： Three
回答日時：2001/08/26 10:41

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">

</style>
</head>
<body bgcolor="#ffffff" text="#000000">
<a href="#">OnMouseOverHere</a>
</body>
</html>

と、こんな感じのモノになります。
試してみてください