![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
参考URLの
「文字にマウスポインタを合わせると背景画像を表示」
うぃ、参考にしてみては如何でしょうか。
参考URL:http://www.geocities.co.jp/SiliconValley-Cuperti …
返事が遅くなり申し訳ありません。無事解決いたしました。
function change_bgi(id,img_src){
document.all[id].style.backgroundImage = "url(" + img_src + ")";
}
<a onMouseOver="change_bgi('btn01','img/bg_btn_on.gif');" onMouseOut="change_bgi('btn01','img/bg_btn.gif');">トップ</a>
こんな感じです。本当にありがとうございました。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?e8efa67)
No.3
- 回答日時:
こんな感じではいかがでしょうか。
<html>
<head>
<title>サンプル</title>
<script type="text/javascript"><!--
var BImg= new Array();
var BkStl= new Array();
BImg[0]= new Image() ; BImg[0].src="***0.gif";
BImg[1]= new Image() ; BImg[1].src="***1.gif";
/* 背景画像のプレロード 背景画像に使う画像のURLを入れてください。 */
BkStl[0]="transparent";
BkStl[1]="url('***0.gif')";
BkStl[2]="url('***1.gif')";
BkStl[3]="#ffff00";
/* 背景を指定するスタイルシートを入れてください。 画像なら「url('画像のURL')」、背景色なら色指定、親要素継承ならtransparentを入れます。 */
function TDBkCh(i){
if (document.getElementById){
document.getElementById("TarTd").style.background = BkStl[i];
}
}
//--></script>
</head>
<body>
<table>
<tr>
<td id="TarTd">さんぷる</td>
</tr>
</table>
<a href="#" onMouseover="TDBkCh(0)">消去</a>
<a href="#" onMouseover="TDBkCh(1)">イメージ1</a>
<a href="#" onMouseover="TDBkCh(2)">イメージ2</a>
<a href="#" onMouseover="TDBkCh(3)">黄色</a>
</body>
</html>
document.getElementById("ID名").style.backgroundで、特定のID名をもつ要素の背景に関するスタイルシートを操作することができますので、それを利用して背景を変更するようなスクリプトになっています。
IE6、Netscape7、Opera7では動作確認してあります。
参考になれば幸いです。
No.2
- 回答日時:
あんまり、参考になりませんが・・・
<html>
<head>
<title></title>
</head>
<body>
<table border="1" bgcolor="white">
<tr>
<td onMouseover="this.style.background = 'orange'"
onMouseout ="this.style.backgroundColor = 'white'">
【リンク】
</td>
</tr>
</table>
</body>
</html>
上記のプログラムで、【リンク】にマウスを合わせると、色が変わるようにはできますが、画像を変換させる方法までは、わかりません・・・(TT)
onMouseover="this.style.background = 'orange'"
で、マウスが上に来ている時。
onMouseout ="this.style.backgroundColor = 'white'"
でマウスが上に無いときの色を指定しています。
これを、テーブル外から変えたい場合は、<td name="name1">として、
外部のリンク文字の上に
onMouseover="name1.style.background = 'orange'"
等すれば、できるんじゃないかと思いますので、参考になさって下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- Chrome(クローム) インターネットの各サイトの画像が表示されない 3 2022/12/04 22:43
- Evernote Evernote(エバーノート)の文字化け 1 2022/04/05 19:30
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- その他(ブラウザ) テキストを入れるときの縦線の点滅がそれ以外のブラウザ上にも表れます。 1 2022/07/29 21:55
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
画面表示とともに、テーブルの...
-
javascriptで文字を拡大・縮小...
-
動的なcheckboxのcheckedについて
-
指定のテキストをクリックする...
-
JQueryでテーブルの行を追加し...
-
クリックで指定のテーブルの背...
-
テキストエリアに入力した改行...
-
selectのonChangeが動作しません
-
javascriptでhiddenに二次元配...
-
プルダウン 項目が多いので先頭...
-
value内に変数を入れたい
-
Selectボックスの幅を自動で広...
-
onClickとsubmitの処理順序
-
onchangeイベントを強制的に発...
-
return trueとreturn falseの用...
-
jQuery セレクトボックスで選択...
-
javascriptでASPにデータを渡す
-
【jQuery】input nameの文字列...
-
slickのレスポンシブ > center...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
javascriptで画像をテーブルに...
-
クリックごとに文字色が交互に...
-
カレンダーに印を付けたい
-
任意に文字数指定のできる原稿...
-
idの振り直しについて
-
tbody要素のinnerHTMLが書き換...
-
複数画像のロールオーバー
-
指定のテキストをクリックする...
-
マウスが重なったら画像の上に...
-
jQueryでの親の親の隣の子供の...
-
JavaScript 保守性の高めたい 2
-
Javascriptでの開閉リストの質問
おすすめ情報