画像にマウスがオンすると、説明文をテキストボックスに表示する 　　　　　
Sample 　下の画像にマウスをオンして下さい。

　　 　　 　　


ソース 
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
function explane_msg(text) {
  document.explane_form.message.value = text;
}
//-->
</SCRIPT>

</HEAD>
<BODY>
<center>
<a href="#" onmouseover="explane_msg('画像−１の説明文　　「黒い自動車です。」　　(^o^)');" 
onmouseout="explane_msg('');">
  <img name="button1" src="bk_img1.jpg" width=105 height=81></a>
　　
<a href="#" onmouseover="explane_msg('画像−２の説明文　　「緑色の自動車です。」　　(･o･)');"
 onmouseout="explane_msg('');">
<img name="button2" src="bk_img2.jpg" width=105 height=81></a>
　　
<a href="#" onmouseover="explane_msg('画像−３の説明文　　「青色の自動車です。」　　6^o^)');"
 onmouseout="explane_msg('');">
<img name="button3" src="bk_img3.jpg" width=105 height=81></a>
　　
<a href="#" onmouseover="explane_msg('画像−４の説明文　　「赤い自動車です。」　　＼(＾ｏ＾）／');"
 onmouseout="explane_msg('');">
<img name="button3" src="bk_img4.jpg" width=105 height=81></a>
<br><br>
<form name="explane_form">
<input type=text name=message size=60><br>
</form>
</center>
</BODY>
</HTML>
ワンポイント解説
画像にマウスがオンした時に、関数 function explane_msg(text) 　に、表示する文字列を引数として渡しています。