- ベストアンサー
マウスオンで背景の色を変える
ホームページの作成で表の中のバックグラウンドカラーや文字の色をマウスを持っていった時に変える方法を教えてください。 ホームページビルダーではイメージファイルのロールオーバーしか出来ないように思えるのですが・・・ アプリケーションから出来ないのならコマンドでも結構です。 Dream weaverも一応持っているのですが・・・ よろしくお願いいたします。
- hiro_ga2_91
- お礼率74% (199/266)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じ <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>
その他の回答 (1)
- radiguet
- ベストアンサー率34% (11/32)
文字の色と背景色だけなら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>
お礼
ありがとうございました。 出来れば表内の背景を変えたいと思います。 テキストと背景の場合はこちらを参考にさせて頂きます。 アドバイスありがとうございました。
関連するQ&A
- サイト内のページに飛ぶときの背景に関する異常
（以下、一部分だけ取り出した記述です。） body{ background-color:#ffffff; background-image:url(bg.jpg); } #page{ width:960px; background-color:#ffffff; } ======================================== 【質問】 オフライン上ですが、以下のような症状が出ます。 考えられること、原因になりうる要素に思いあたることがあったら何でもいいので 教えてください。 【状態】 サイト内の他のページにリンクで切り替わるとき、あるいはTOPページに戻るとき、ブラウザの更新ボタンを押したとき、正確にはクリックしたマウスのボタンをはなした瞬間）など、ページを読み込むときに一瞬（まばたきのタイミング）ですが背景色の白（#ffffff）がチカッと表示され、その後画像が表示されるという状況です。 background-colorを白ではなく、緑に設定するとマウスを離した瞬間緑色が表示され、すぐに背景画像（ここではbg.jpg）が表示されます。 背景画像と同じ系列の色で背景色を指定してもやはり、一度background-colorが実施されたあとに背景画像が表示されている（ような感じ）のが目視できます。 【試してみたこと】 ●background-colorとbackground-imageの記述順を変えてみた。 ●background-colorの記述を取り、background-imageだけにしてみた。 ●background-repeatを記述したり、消してみたりした。 ●背景画像をjpgではなくgifのもので試してみた。 ●背景画像のサイズを（たとえば）200X140とか1200×800などと変えてみた。 【マシン、作成環境】 Windows7（64ビット）、メモリ8Gのノートマシン。 ホームページ作成ソフトはいっさい使用していない（メモ帳のみで手打ち）。
- ベストアンサー
- CSS
- ユーザースタイルシートで文字色、背景色が変更できない
以前も同様の質問をしたのですが、題名と内容がわかりづらかったのでもう一度質問させていただきます。 Internet Explorer7、Firefox3でユーザースタイルシートを使い、ウェブブラウジング中に文字色と背景色を変更したいと思います（WindowsXP sp2です）。 それで以下のようなcssを書きました。 －－－－－－－－－－－－－－－－－－－－－－ここから html head+body { color: #464646 !important; color: #464646 !important; color: #464646 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } td { color: #464646 !important; color: #464646 !important; color: #464646 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } －－－－－－－－－－－－－－－－－－－－－－ここまで これをユーザースタイルシートとして指定すると、色が変更できる場合もありますが、 サイトよっては一部の色が変更されません。 （例） 大部分の色が変更できるサイト http://www.kuronekoyamato.co.jp/ 一部しか色が変更できないサイト http://www.yahoo.co.jp/ http://www.4gamer.net/ 結果はIEとFirefoxで少し違いますが、色が完全に変更できない点は同じです。 色を完全に変更するには、どういう記述をすればよいのでしょうか？ それとも、ユーザースタイルシートではそういうことはできないのでしょうか？
- ベストアンサー
- HTML
- 背景と文字の色を変更したい！！！
http://www.inpros.net/free_template/samplefree_019.htm のデザインで分からないことがあるのでお伺いします。（いずれもホームページビルダーで編集する予定です。） １．茶色が背景で、ピンク色で書かれたカテゴリーの文字を変更したいのですが、どうすれいいのですか？ ビルダーでもできるのですが、タグに<font color>ってつくのが嫌なんです＞＜ ２．ページの全体幅を広げたいんですが、ビルダーで普通に広げたら全体がくずれてしまいました。幅を広げるにはどうしたらいいんですか？ http://www.inpros.net/stats/download.php?id=31が材料です。
- ベストアンサー
- HTML
- Dream weaver で作成したホームページをホームページビルダー
Dream weaver で作成したホームページをホームページビルダーで更新をしてゆくには、どのようなことに気をつけなければならないでしょうか？ 例：サイト転送は ビルダーから転送できるか。。。。等
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーＶ９での背景固定について
ホームページビルダーＶ９を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
- bodyの背景と異なる背景色で、同じ文字色の見出し
例えば、以下 body{background-color:lightskyblue} h1{background-color:blue;color:lightskyblue} のように、bodyの背景色とh1の文字色が全く同じながらも、h1の背景色が文字色より濃くて暗い色なため、h1の文字が十分に認識できるときでも、スパムとして認識されるのでしょうか？
- ベストアンサー
- HTML
- ホームページビルダーで、表やセルの背景の色について
ホームページビルダー６．５を使っている初心者です。 表を作成して、背景の色を変えたいときのことなのですが。 最初の設定は透明色になっていますね。これを青とかに変えて 再び透明色に戻したい時に、戻す方法はありますか？ カラーパレットには白しかなく、今は「編集」の「元に戻す」で やっているのですが。 ちなみに最初に出ている色番号（＃fffff）にしてみましたが、 白（＃ffffff）にしかなりませんでした。
- ベストアンサー
- その他(ソフトウェア)
- ホームページ・ビルダー13で、表や文字の色を適用するショートカットキーはあるか？
みなさん、ご丁寧な回答をいつもありがとうございます。 ホームページ・ビルダー１３を利用しています。 表のセルや、文字に色をつける（変更する）とき、わたしは次の手順で行います。 １）色をつける部分を選択する。 ２）カラーパレットの任意の色を選択する。 ３）カラーパレットの［適用］ボタンをクリックする。 わたしは、３）の手順が面倒に思っています。［適用］ボタンのショートカットキーはありますか？ 教えてください。お願いします。（ホームページ・ビルダーはこれまでのバージョンでも、マニュアルに掲載されない隠れたショートカットキーがありますね）
- 締切済み
- ホームページ作成ソフト
- CSS設定が現在有効なため、指定した色は表示されません。
ホームページビルダーで表を作成し、表に色をつけようと、カラーパレットで色をつけようとしたら、「CSS設定が現在有効なため、指定した色は表示されません。」と表示されてしまいます。 どうすればよいでしょうか？
- 締切済み
- ホームページ作成ソフト
お礼
お返事遅くなりました。 成功しましたが、やはり基本的な知識がないと 難しいようでこれを機会に勉強しようと思います。 感謝いたします。