- ベストアンサー
画像をチェンジ→もとに戻す
- 複数のリンクがあり、画像Aを入れ替える
- テキストリンクにカーソルを置いたとき、画像が入れ替わる
- どのテキストリンクでも画像Aと画像Bを入れ替える
- totoroscatbus
- お礼率45% (49/108)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
例えば、こんな感じ、リンクがちょっと違うか・ 画像が、同じサイズでないと、大きさが変わった時にマウスアウトしてしまうので注意。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>文字へのオンマウスで画像の変更</title> <script type="text/javascript"> <!-- function change(fname){ document.images['CHANGE'].src=fname; } function restore(){ document.images['CHANGE'].src="A.jpg"; } //--> </script> </head> <body> <img name="CHANGE" src="A.jpg"><br> <span onmouseover="change('B.jpg')" onmouseout="restore()" style="color:red;text-decoration:underline">画像Ｂ</span> <span onmouseover="change('C.jpg')" onmouseout="restore()" style="color:red;text-decoration:underline">画像Ｃ</span> <span onmouseover="change('D.jpg')" onmouseout="restore()" style="color:red;text-decoration:underline">画像Ｄ</span> <hr> </body> </html>
