マウスを乗せたときにセルの色を変えるにはどのようにすればいいのでしょうか?
セルの中には文字を入れています。セルの背景色のみを変えたいです。
よろしくお願いします。

A 回答 (3件)

セルということはテーブルを使った場合だと思います。



それぞれの<td>の中に

onMouseout="this.style.backgroundColor='#FFFFFF'"
onMouseover="this.style.backgroundColor='#FF0000'"

の二つを記述します。#******は指定する色です。
onMouseoutを記述しないとマウスポインターが外れてもそのまま
onMouseoverで指定した色のままになってしまうために記述します。

onMouseoutはマウスポインターがそのセルから外れたときにの背景色の色を
onMouseoverはマウスポインターがそのセルの上にきたときの背景色を
それぞれ示しています。

この記述方法でしたら
IE5以上(4以下はわかりません。)
Netscape6.2
Opera6.01(日本語版)
でも動作しますよ。

記述例を書いてみましたので参考にしてみてください。
<TABLE CELLPADDING="0" CELLSPACING="0" BGCOLOR="parent" BORDER="0">
<TR BGCOLOR="#FFFFFF">
<TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル1</TD>
<TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル2</TD>
<TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル3</TD>
<TD onMouseout="this.style.backgroundColor='#FFFFFF'" onMouseover="this.style.backgroundColor='#FF0000'">セル4</TD>
</TR>
</TABLE>

ちなみに<tr>に記述すると横一列のセルすべてに適応されます。
    • good
    • 0
この回答へのお礼

ありがとうございます!!
まさしく、これがやりたかったことです。
勉強になりました。

お礼日時:2002/03/04 16:44

スタイルシートを利用して変えることができます。


<head></head>の中にいれてください
-------------------------------------
<html>
<head>
<title>タイトル</title>
<style type="text/css">
a:link {color: #406f8c;}
a:visited {color: #104c6d;}
a:active {color: #40ee40;}
a:hover {background-color:#ff00ff;}
</style>

a:link,a:visited,a:activeはつけなくてもいいです。
必要なのは、a:hoverの設定で背景色を変えることができます。
    • good
    • 0

セルの色を変えたいのですよね。

。。
セルが文字でいっぱいなら、こちらを試してみてはいかがでしょうか?
マウスを乗せたとき、文字の背景に色をつける方法です。
ちがっていたらごめんなさい。

参考URL:http://www.ladys-page.com/test76.html
    • good
    • 0

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q動詞一覧・目的語一覧・補語一覧みたいな英語の詞・語ごとにずらーと並んだ

動詞一覧・目的語一覧・補語一覧みたいな英語の詞・語ごとにずらーと並んだサイトってないですか?

Aベストアンサー

動詞はともかく「目的語」とは「補語」というのは文における働きなので, そんな一覧を求めることがそもそも全く無意味.

Qマウスカーソルを乗せた時にテーブルの行の色を変える

マウスカーソルがテーブルの行の上に来た時に行の色を変えたくて
以下のようにCSSとHTMLを書いてみました。
しかし、何の変化もありませんでした。どこが悪いのかわかりますでしょうか。

【CSS】
table tr:hover {
background:red;
}


【HTML】
<html>
<head>
<script type="text/javascript" src="./jquery-1.9.1.js"></script>
<link rel="stylesheet" href="test.css" type="text/css">
<script>
</script>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>名前</th>
<th>金額</th>
</tr>
</thead>

<tbody>
<tr>
<td>abc</td>
<td>3000</td>
</tr>
<tr>
<td>xyz</td>
<td>100</td>
</tr>
<tr>
<td>myk</td>
<td>20000</td>
</tr>
</tbody>
</table>
</body>
</html>

マウスカーソルがテーブルの行の上に来た時に行の色を変えたくて
以下のようにCSSとHTMLを書いてみました。
しかし、何の変化もありませんでした。どこが悪いのかわかりますでしょうか。

【CSS】
table tr:hover {
background:red;
}


【HTML】
<html>
<head>
<script type="text/javascript" src="./jquery-1.9.1.js"></script>
<link rel="stylesheet" href="test.css" type="text/css">
<script>
</script>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>名前</th>
<th>金額</th>
</tr>
</thead>

<tb...続きを読む

Aベストアンサー

background-color をご使用ください
http://www.htmq.com/style/background-color.shtml

Q日本語における色の表現方法について

赤味がかった色、青味がかった色、という表現はよく耳にしますが、
黄味がかった色、紫味がかった色、という表現はあまり耳にしない気がします。
黄色がかった色、は耳にする気がします。
紫色がかった色、も耳にする気がします。
紫がかった色、も耳にする気がします。
黄がかった色、は耳にしない気がします。
赤色がかった色、赤がかった色、は耳にしない気がします。
「がかった」の前に来る色の表現方法にルールはあるのでしょうか?ないのでしょうか?

Aベストアンサー

日本語で「色名+い」と形容できる色は「赤・黒・白・青」の4色だけ。
古代の色名(和語の)はそれしかなかったということです。

 赤(あか) = 明(あか)
 黒(くろ) = 暗(くろ)
 白(しろ) = 顕(しろ)
 青(あお) = 漠(本来は灰色がかった白)

次に古いらしい「黄(き)」は、「黄い」ではなく「黄色い」と言います。
古語では「黄な」だそうです(形容詞ではなく連体詞?)。
ほかに「茶(ちゃ)」も、「茶い」ではなく「茶色い」と言います。

色にかんする形容詞はこの5色だけ。

それ以外の色は「~色い」とは言えず、「~色の」と言います。
「緑い」「緑色い」「紫い」「紫色い」などとは言いません。
「ピンクい」などと言うのは極めて例外的。

「~味(み)がかった」と言えるのは、「赤・黒・白・青」と「黄(黄色)」だけだと思います。
「~色がかった」は、それ以外の全般的な色名に使えると思います。

  ~~~~

印刷・出版や工業デザインなどの分野では、一般的にJIS規格の色名の表現を用います。
実際には色名や修飾語に対応する英語の略号の組み合わせで明確に色を指定します。

その中で、「△味がかった」は、「△みの」「△みを帯びた」と表現します。
△ = 赤、黄、緑、青、紫、(灰) です。


JIS Z 8102「物体色の色名」 (主な用語)

有彩色の基本色名(色相名)
 基本色名(読み方)    対応英語(略号)
 赤   (あか)     red (R)   
 黄赤  (きあか)    yellow red (YR), orange (O)
 黄   (き、きい)   yellow (Y)
  または 黄色(きいろ)    
 黄緑  (きみどり)   yellow green (YG)
 緑   (みどり)    green (G)
 青緑  (あおみどり)  blue green (GB)
 青   (あお)     blue (B)
 青紫  (あおむらさき) purple blue (PB), violet (V)
 紫   (むらさき)   purple (P)
 赤紫  (あかむらさき) red purple (RP)

無彩色の基本色名
 基本色名(読み方)    対応英語(略号)
 白   (しろ)     white (Wt)
 灰色  (はいいろ)   grey(英), gray(米) (Gy)
 黒   (くろ)     black (Bk)

有彩色の明度・彩度に関する修飾語
 修飾語   (読み方)  対応英語
 あざやかな        vivid (vv)
 明るい   (明るい)  light (lt)
 つよい          strong (st)
 こい           deep (dp)
 うすい          pale (pl)
 やわらかい        soft (sf)
 くすんだ         dull (dl)
 暗い    (くらい)  dark (dk)
 ごくうすい        very pale (vp)
 明るい灰みの(あかるいはいみの)
              light greyish(英), light grayish(米) (lg)
 灰みの   (はいみの) greyish(英), grayish(米) (mg)
 暗い灰みの (くらいはいみの)
              dark greyish(英), dark grayish(米) (dg)
 ごく暗い  (ごくくらい)very dark (vd)

無彩色(灰色のみ)の明度に関する修飾語
 修飾語 (読み方)    対応英語 (略号)
 うすい          pale (pl)
 明るい (あかるい)   light (lt)
 中位の (ちゅういの)  medium (md)
 暗い  (くらい)    dark (dk)

色相に関する修飾語
 修飾語 (読み方)    適用する基本色名    対応英語 (略号)
 赤みの (あかみの)   紫、黄、白、灰色、黒  reddish (r)
 黄みの (きみの)    赤、緑、白、灰色、黒  yellow (y)
 緑みの (みどりみの)  黄、青、白、灰色、黒  greenish (g)
 青みの (あおみの)   緑、紫、白、灰色、黒  bluish (b)
 紫みの (むらさきみの) 青、赤、白、灰色、黒  purplish (P)

彩度の低い有彩色及び色みを帯びた無彩色に用いる色相に関する修飾語
 修飾語 (読み方)          重複する修飾語
 紫みを帯びた(むらさきみをおびた) 赤みの、明るい灰みの、灰みの、暗い灰みの
 赤みを帯びた(あかみをおびた)   黄みの、明るい灰みの、灰みの、暗い灰みの
 黄みを帯びた(きみをおびた)    赤みの、明るい灰みの、灰みの、暗い灰みの
 緑みを帯びた(みどりみをおびた)  黄みの、明るい灰みの、灰みの、暗い灰みの
 青みを帯びた(あおみをおびた)   明るい灰みの、灰みの、暗い灰みの


伝統的な色名も規定されていますが、基本の色名や修飾語を組み合わせた系統色名と記号で表現できます。


慣用色名 (読み方)     系統色名        略記号
小麦色  (こむぎいろ)   やわらかい赤みの黄   sfr-Y
青磁色  (せいじいろ)   やわらかい青みの緑   sf-bG
浅葱色  (あさぎいろ)   あざやかな緑みの青   vv-gB
朱色   (しゅいろ)    あざやかな黄みの赤   vv-yR
桜色   (さくらいろ)   ごくうすい紫みの赤   vp-pR
鉄紺   (てつこん)    ごく暗い紫みの青    vd-pB
水色   (みずいろ)    うすい緑みの青     pl-gB
群青色  (ぐんじょういろ) こい紫みの青      dp-pB
江戸紫  (えどむらさき)  こい青みの紫      dp-bP 
利休鼠  (りきゅうねずみ) 緑みの灰色       g-mdGy    
生成り色 (きなりいろ)   赤みを帯びた黄みの白  r・y-Wt
朽葉色  (くちばいろ)   灰みを帯びた赤みの黄  mg-rY

日本語で「色名+い」と形容できる色は「赤・黒・白・青」の4色だけ。
古代の色名(和語の)はそれしかなかったということです。

 赤(あか) = 明(あか)
 黒(くろ) = 暗(くろ)
 白(しろ) = 顕(しろ)
 青(あお) = 漠(本来は灰色がかった白)

次に古いらしい「黄(き)」は、「黄い」ではなく「黄色い」と言います。
古語では「黄な」だそうです(形容詞ではなく連体詞?)。
ほかに「茶(ちゃ)」も、「茶い」ではなく「茶色い」と言います。

色にかんする形容詞はこの5色だけ。

それ...続きを読む

Qリンクを設定した文字の上にマウス(カーソル?)を乗せると色が変わる!

だれか、HTMLの記述で教えてください。
文字の背景の色が変わる、じゃなくて、
文字の色を変えたいんです。
(クリックする前マウスを乗せるだけで)。

Aベストアンサー

スタイルシートを利用します。
head内に、
<style>
<!--
a:hover { color:#eeffdd; }
a:link { color:#ddcc45; }
a:visited{ color:#dc143c; }
-->
</style>
とすれば可能です。
a:hoverがマウスが上に来た時、残りはそれぞれ、
デフォルトのリンク色、既読リンクの色となります。

Qau W43S 着信・メールをLED色で区別できる?

w43sは誰からのメールか着信かを色で区別できますか?
また、その設定方法を教えてください。

Aベストアンサー

初めまして

http://au-pro.kddi.com/phone/torisetu/pdf/w43s/w43s_torisetsu.pdf
56ページにあるアドレス帳の所にある、指定着信ランプの設定では無理ですか?

あとは、グループ分けの登録が20件以下でしたら、グループ分けを利用して、着信ランプの設定しては?

QTABLEのセルの中の文字を行単位、セル単位で色を変えたい

urizakaです
さて、質問なのですが、<TABLE>の中のセル<TD>の中に入れる文字の
色を変えることってできるんでしょうか?
それも、行単位とかセル単位という細かい単位で…
javaScriptを使うとできそうな気もしますが…
すみませんが、この件についてご存知の方宜しくお願いします。

Aベストアンサー

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし1</font> ・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく、真ん中にあり、しかもセル全部が
くっついているテーブルになる。

リンクを指定したい場合は

<tr align="center" bgcolor="#6f9fff">
<td><A HREF="****"><font size="2" color="red">お知らせ</font></A>
</td></tr>

と書けばいい。

bgcolorとfontcolorは16進数で表してもいいし、色の名前を
そのまま指定してもいいはず。色は COLOR CHART を検索して見つけて
ください。

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし1</font> ・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく...続きを読む

Q「目の色」、あるいは「髪の色」が入っている曲

お好きな曲がありましたら教えてください。目の色と髪の色については一つが入っていれば OKです。

<例>

「シエリト・リンド」(メキシコの曲)

https://www.youtube.com/watch?v=5DrwY21nP1Q
(1:09)Un par de ojitos negros 二つの黒い瞳


「ジョリーン」(ドリー・パートン)
https://www.youtube.com/watch?v=nwBNBcFAFso
(0:49)~
Your beauty is beyond compare
With flaming locks of <auburn hair> 赤茶色の髪
With ivory skin and <eyes of emerald green> エメラルド色の目


※ おひとり <3曲>まででお願いします。
※ クラシック曲は除いてください。

Aベストアンサー

もう1つお願いします。
「フレディもしくは三教街 」

♪ヘイゼルウッドのおじいさんのなんて深くて蒼い目…

ここの投稿で何度か見た曲ですが自分も好きな曲の1つです。当時はさだまさしの曲の中でベスト3に入ってました。

Qスタイルシートを使ってマウスを乗せた時にステータス表示に文字を出現させる

現在ホームページを製作しています。

通常、リンクの上にマウスを乗せた時、左下のステータスバーにリンク先のURLが表示されると思うのですが、そこに文字を出現させる方法があったと思います。

サイト全体をそういうスタイルにしたいので、外部からスタイルシートを呼び出して行いたいのですが、スタイルシートにどのように記述すればよいのでしょうか?

a{onMouseOver=}????????

こんな感じです、よろしくお願いします。

Aベストアンサー

書くならCSSじゃなくて外部の.jsファイルですね。
全ファイルのアンカーに自動で~となると
aタグのtitleをステータスバーに表示する、とか
あらかじめ設定した説明を表示する、というような動作になるでしょうか。
結構複雑なプログラムコードになると思います。


直接書くならこうです。
<a href="void(0)" onmouseover="window.status='ステータスバーに表示';return true;" onmouseout="window.status=''">

ブラウザによっては無視されますので、実質動作するのはIE系のみです。

Q発達障害者は、年齢の割に顔が子供っぽい人が多いと思いませんか?

発達障害者は、年齢の割に顔が子供っぽい人が多いと思いませんか?

Aベストアンサー

ニートや引きこもりなどにも言えることですが
精神的ストレス、肉体的ストレスが少ないと
老ける速度も全然違います

社会人になってから急に老ける人とかが多いのはそのためです
大統領の就任前後の写真で顔を比べるのが有名ですが
一般人にはありえないほど老けてしまっています

そのため、ストレスを受けにくい発達障害の方なんかは
老けにくいのだと思います
もちろん度合いや個人差がありますが

Qマウスを乗せると、背景色が変わる仕組みは知ってるんですが・・。

マウスを乗せると背景色が変わる仕組みは、たしかa=hoverで可能でしたよね。

そこで問題が発生しました。
私は今サイトを作っていて、左側のメニューバーについてはマウスを乗せると背景色が変わるリンクにしたいんですが、普通の文章中に出てくるリンクについてはそういう仕様から外したいんです。

でもa=hoverを使うと全てのリンクに同じ設定が適合されてしまいますよね?CLASSで個別に設定しようとしても無理でした。どうすればいいですか?

そこでJAVASCRIPTというものを利用して、マウスを乗せるとその文字背景(もしくはボックス内の背景)が
変わる仕組みを実現できるはずなんですが、具体的なソースコードは知りませんかね?できればボックスごとのオンマウス時の背景色を設定できるようにしたいです

Aベストアンサー

> CLASSで個別に設定しようとしても無理でした。
無理とはとういう事でしょうか?
単に記述ミスがあっただけ?
理由わからず別の方法を探すのも勿体ないし、Javascript使った方が複雑になるしおすすめできません。

たぶん前にもサンプルを見たりしてるでしょうけど一応書いておきますので参考になれば。

<style type="text/css">
.menuBox a:hover{
background-color:red;
}
</style>


<div class="menuBox">
<a href="~">メニュー1</a>
<a href="~">メニュー2</a>
</div>
<a href="~">教えてgoo</a>


人気Q&Aランキング