JAVAスクリプトでマウスオーバーをすることで「URL」と「画像」の両方を入れ替えたい（アマゾンの商品表示）と思っております。
http://www.amazon.co.jp/gp/product/B000FS7V36/ref=s9pop_c2_img1-3173_p-rfc_g1?pf_rd_m=AN1VRQENFRJN5&pf_rd_s=center-2&pf_rd_r=1T4NYG6M30BYEG0JT2G1&pf_rd_t=101&pf_rd_p=86245606&pf_rd_i=489986
画像だけなら以下のようにすればできるのですが
▼ここから
<SCRIPT LANGUAGE="JavaScript">
<!--
function gazou(mySrc){
document.myimg.src=mySrc;
}
//-->
</SCRIPT>
<center>
<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons1.gif')">パンダ</a>
<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons2.gif')">ペンギン</a>
<br><br>
<a href="このURLも変更">
<img src="images/icons1.gif" border="0" width="32" height="32" name="myimg"></a>
</center>
▲ここまで
URLも変更するにはどうしたらいいのでしょうか？
なるべくシンプルなものをお願いいたします。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
みんなの回答
-
GoldenDawn
満足100pt
function gazou(mySrc, myAnc) { document.getElementById('myimg').src=mySrc ; document.getElementById('myanc').href = myAnc ; }
<a href="JavaScript:void(0)" onMouseOver="gazou('images/icons1.gif', 'panda')">パンダ</a> <a href="JavaScript:void(0)" onMouseOver="gazou('images/icons2.gif', 'penguin')">ペンギン</a> <br><br> <a href="panda" id="myanc"> <img src="images/icons1.gif" border="0" width="32" height="32" id="myimg"></a>
画像の方は name でもいいのですが、どっちかというと id のほうが標準なので変えました。
-
gelgelgel
-
gelgelgelこの質問へのコメント
質問の情報
- 登録日時
- 2008-09-01 20:56:48
- 終了日時
- 2008-09-01 21:30:12
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
経団連が夫婦別姓（選択的）を提言しました。政府は、配偶者控除の廃止を志向しているようです。結婚制度を…
匿名質問者
3
2
-
オススメのシェイバー教えてください！ 以下の条件に近いシェイバーはあるのでしょうか。 1.髭が濃いため深…
Ryoya391
-
０５７０ で始まる電話番号は、キャリアなどとの間でカケ放題などの契約をしていても、そのサービスは受け…匿名質問者1
-
友人の解答と自身の解答で異なります。教えて頂けないでしょうか。 C社株式は，３年後に平均で1,000円にな…匿名質問者3
-
僕の親は苛立っています。 「俺はネットの天才なのに、なんで通報されたり、アカウント凍結されたりするん…匿名質問者3
4