プロが教える店舗＆オフィスのセキュリティ対策術

マウスオンで背景の色を変える

解決済

  • 質問者：hiro_ga2_91
  • 質問日時：
  • 回答数：2件

ホームページの作成で表の中のバックグラウンドカラーや文字の色をマウスを持っていった時に変える方法を教えてください。

ホームページビルダーではイメージファイルのロールオーバーしか出来ないように思えるのですが・・・

アプリケーションから出来ないのならコマンドでも結構です。

Dream weaverも一応持っているのですが・・・

よろしくお願いいたします。

通報する

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

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： BLUEPIXY
  • 回答日時：

こんな感じ


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テーブルのセルの背景＆文字色を変える</title>
<SCRIPT language="JavaScript">
<!--
function highlight(cell){
cell.style.backgroundColor="PaleGreen";
cell.style.color="Red";
}
function normal(cell){
cell.style.backgroundColor="White";
cell.style.color="Black";
}
//-->
</SCRIPT>
</head>
<body>
<TABLE border="1">
<TR><TH></TH><TH>列A</TH><TH>B</TH><TH>C</TH></TR>
<TR>
<TD>1</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">A1</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">B1</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">C1</TD>
</TR>
<TR>
<TD>2</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">A2</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">B2</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">C2</TD>
</TR>
<TR>
<TD>3</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">A3</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">B3</TD>
<TD onmouseover="highlight(this)" onmouseout="normal(this)">C3</TD>
</TR>
</TABLE>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

お返事遅くなりました。

成功しましたが、やはり基本的な知識がないと
難しいようでこれを機会に勉強しようと思います。

感謝いたします。

通報する
お礼日時：2005/09/12 20:59

No.2

  • 回答者： radiguet
  • 回答日時：

文字の色と背景色だけならCSSを使ってはどうでしょうか？


こんな感じで
<html>
<head>
<title>change</title>
<style type="text/css">
<!--
ul{
width:200px;
height:300px;
}
a{
background:#565;
color:#FFF;
}
li a:hover{
background:#888;
color:#F00;
}
-->
</style>
</head>

<body>
<ul>
<li><a href="#">一番</a></li>
<li><a href="#">二番</a></li>
</ul>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。

出来れば表内の背景を変えたいと思います。
テキストと背景の場合はこちらを参考にさせて頂きます。

アドバイスありがとうございました。

通報する
お礼日時：2005/09/12 21:01

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報