画像をチェンジ→もとに戻す

2005/01/30 02:04

このQ&Aのポイント

複数のリンクがあり、画像Aを入れ替える
テキストリンクにカーソルを置いたとき、画像が入れ替わる
どのテキストリンクでも画像Aと画像Bを入れ替える

totoroscatbus
お礼率45% (49/108)

HTML
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

BLUEPIXY
ベストアンサー率50% (3003/5914)

2005/01/30 03:28 回答No.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">  </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>

ログインすると、全ての回答が全文表示されます。