• ベストアンサー

マウスを乗せたときにセルの色を変える

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

  • HTML
  • 回答数3
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
回答No.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>に記述すると横一列のセルすべてに適応されます。

hikariko
質問者

お礼

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

その他の回答 (2)

  • novaakira
  • ベストアンサー率36% (60/164)
回答No.2

スタイルシートを利用して変えることができます。 <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の設定で背景色を変えることができます。

  • yukiko5
  • ベストアンサー率44% (12/27)
回答No.1

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

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

関連するQ&A

  • セルに背景の色が付きません

    セルに背景色がつけることが出来ません。文字に色はつくのですが、背景にだけ色が付きません。新規ファイルだけでなく、過去に保存してあったエクセルファイルも、背景色だけ消えてしまったのです。プレビュー画面では背景色が出ています。[ヘルプ]-[アプリケーションの自動修復]をやってみても、なおりませんでした。 是非、解決策を教えて下さい。お願いします。 エクセル2002を使用しています。

  • ホームページビルダー11 で セル にリンクは張って、マウス が上にあ

    ホームページビルダー11 で セル にリンクは張って、マウス が上にある時にセル全体の色を変えたいんです。セルの中には文字が入っているので文字の色を変える方法はわかるのですが、セル全体は無理なのでしょうか。 あまりくわしくないのでスタイルシートの説明とかを見てもよくわかりません。 少し詳しくわかりやすく教えていただけませんか? 1日でも早く作成したいので、宜しくお願いします。

  • 空白セルのみ灰色で塗りつぶし

    エクセル2010です。 10セル×10セル 程度の表ですが、 何にも文字が入っていないセルを灰色で塗りつぶして それ以外は白い背景のままにしたいのですが、 条件付き書式でトライしていますができません。 方法がありましたらよろしくお願いします。

  • エクセルについて 条件付きでセルに色を付けたい

    指定したシート1のB8~B72までの中にシート2のB8に入ってる数字があればセルの背景に色を付けたいのですがどんな事をしたらセルに色を付けれますか? 宜しくお願いします

  • エクセル【セルの参照で】

    オフィス2000を使っています。 セルの中で「=」イコール --- |1| --- ↑A1セル ---- |=A1| ---- 上記のようにA1のセルを 参照してセルの数値&セルの書式(文字色・背景色)を得たいのですが、 「=A1」とすると「1」としか表示されずセルの書式 まで参照できません。 どうにか文字色・背景色まで参照できるように出来ないでしょうか? 皆さまよろしくお願いします。

  • セルの背景色を数えたいのですが

    Excel2000で、数値や文字が入っているセルの一部に 「背景色」(塗りつぶし色)をつけております。 この中で、範囲指定をして「特定の背景色セル」だけをCountできるような関数はありますでしょうか? また、マクロでしたらどのようにすれば良いのでしょうか? マクロの知識はほとんどありません。 (↓)のカラーパレットの最下段の2色と同じ色を 個別に指定したいと思っております。 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ ■ □ □ □ ■ □

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

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

    • ベストアンサー
    • HTML
  • エクセルで最大値は色を変えるやり方

    A1~A10の中での最大値のセルの文字に 色をつける(または背景の色を設定する)やり方を教えてください。 また色を決めておけば2番目、3番目なんていうのもできますか? できるなら教えてください。 よろしくお願いいたします。

  • リンク色の変更

    <td>内でマウスオーバー時に背景色、文字色が変わるものを作っています。 背景色は普通にthis.style.background.colorで変更できますが、 中の文字はリンクなのでstyle.colorでは変更できません。 文字の上ではなく、セルにマウスが入った時点でリンク色を変えたいのでスタイルシートではNGでした。 javascriptで1部のリンク色だけを変えたい場合はどうしたらいいんでしょう?? リンクを外して<td>内クリック時にリンクすることもできますが、ステータスバーに何も表示されないのは嫌なのでなしてす。 説明がうまくできていないと思うので不明な部分は補足します。 だれか分かる方いらっしゃいましたらよろしくお願いします。

  • Excelでマウスで選択した箇所のセルの色

    お世話になっております。 Excel2000でマウスで選択した箇所のセルの色が普通より薄くてみえません。 ほかのひとのPCとくらべてみてもぜんぜん薄いです。 どうしたら直るでしょうか。

専門家に質問してみよう