• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:onMouseoverで画像が特定の場所で変わるには?)

onMouseoverで画像が特定の場所で変わる方法

このQ&Aのポイント
  • 質問者は、特定の場所で画像が変わるマウスオーバーの効果を作りたいと考えています。
  • いくつかのウェブサイトの例を参考にしながら、質問者は左側に画像を表示し、右側に関連する文章を表示する効果を作りたいと述べています。
  • 質問者は文字の隣に画像を表示させることができるが、特定の場所に画像を置きたいという課題に直面しています。

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

  • ベストアンサー
回答No.2

こういうことかな? <html> <head> <title>noname</title> <SCRIPT LANGUAGE="JavaScript"> <!-- function gazou(mySrc){ document.myimg.src=mySrc; } //--> </SCRIPT> </head> <body> <table> <tr> <td> 「私のペットの名前は『<a href="JavaScript:void(0)" onMouseOver="gazou('img/001.gif')">ミッキー</a>』です。<br> あの『<a href="JavaScript:void(0)" onMouseOver="gazou('img/002.gif')">ミッキーマウス</a>』の名前を借りました。」<br> (『 』に囲まれている文字にマウスを置くと左側に画像が表示される) </center> </td><td> <img name="myimg" src="img/000.jpg" border="0" width="32" height="32"> </td></tr></table> </body> </html>

その他の回答 (1)

回答No.1

これでは? おまけを付けてみました <span onmouseover="aaa.src='inu.gif';">私の犬です。</span><br> <span onmouseover="aaa.src='neko1.gif';">私の猫です。</span><br> <img id="aaa" onmouseover="alert('かわいいでしょ');" src="">

関連するQ&A