タイトルの通りなのですが、、
クリッカブルマップのリンク部分にマウスをあわせると色が変わるようにしたいです。
このような感じです↓
http://www.pstar.jp/home/fr_101.html
いろいろ調べてみましたが、どうしてもわかりません。
すみません・・よろしくお願いします。。
No.3ベストアンサー
- 回答日時:
スクリプトを使うのでちょっと面倒ですが下記のソースを参考にしてください。
(マウスをあわせるとimage_aからimage_bに入れ替える)ヘッダー内の記述はそのままコピーでOKです。
Bodyタグ内では入れ替えるイメージをあらかじめ読み込む設定があります。画像が小さければこのBodyの記述はなくてもいいかも。
ID番号を替えていけば1つのページに複数の設定が可能です。
<html>
<head>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('iamge_b.jpg')">
<img src="image_a.jpg" id="Image1" onmouseover="MM_swapImage('Image1','','image_b.jpg',1)" onmouseout="MM_swapImgRestore()" />
</body>
</html>
No.2
- 回答日時:
色を変えるというより、画像を置き換えています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- 食べ物・食材 里いもの変色 よろしくおねがいします。 時々、皮を剥いた里いもの一部が薄茶色に変色しています。 変色 1 2022/08/28 12:45
- デスクトップパソコン 画面の色合いがおかしく 再起動しても変わらず5分放電後電源を入れてもデスクトップパソコンの電源がつか 1 2023/01/10 12:22
- その他(税金) 通勤費の課税・非課税の間違いについて 1 2023/03/02 15:20
- 食べ物・食材 お中元でメロンを頂き、熟する迄と放置してました。 今日切りましたら、もう2日ほど早く切るべきだったの 6 2022/08/01 12:31
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- CPU・メモリ・マザーボード SATAコネクタ増設ボード PCE6SATA-A01が認識しない 2 2022/10/27 21:27
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字を一文字ずつ表示
-
XMLでのAttributeを持ったNode...
-
responseTextについて
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
Latexに関する質問です。
-
JavaScript window.openで開く...
-
javascriptの基本的なことだと...
-
複数のプルダウンメニューの選...
-
乗換案内 VBAで操作したい
-
javascript:(function(q, a, z)...
-
正規表現による日本語の置換
-
ラジオボタンでreadonlyの切替え
-
ダブルでコンボボックスについて
-
ポップアップウインド
-
ドロップダウンメニューを短縮...
-
iframe内のページがロードし続ける
-
TexでΣの添え字の位置直し
-
VBの記述方法はVBAと同じなので...
-
google apps scriptの終了のさせ方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript window.openで開く...
-
文字を一文字ずつ表示
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
javascriptの基本的なことだと...
-
このjavascriptのif文、条件式...
-
XMLでのAttributeを持ったNode...
-
Latexに関する質問です。
-
Null またはオブジェクトではあ...
-
VBAでIEのボタンを押してメッセ...
-
乗換案内 VBAで操作したい
-
javascriptのdocument.allにつ...
-
TexでΣの添え字の位置直し
-
showModalDialogで開いた画面を...
-
ラジオボタンでreadonlyの切替え
-
excle VBA とweb上の検索を利用...
-
LaTeX:数式を等号揃えにする方法
-
TEXTAREA内の改行位置をinnerHT...
-
iframe内のページ(複数)を変更
-
ブラウザのウィンドウサイズに...
おすすめ情報