ベストアンサー

onMOUTHOVERで画像に説明文(５０文字くらい）を表示させるには？

2005/07/18 18:37

onMOUTHOVERでtable内の画像(７枚）にそれぞれ説明文(約５０文字）を表示したいのですが、ソースの書き方が分かりません。よろしくご教授お願いいたします。

barrios
お礼率75% (6/8)

JavaScript
回答数2
ありがとう数1

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

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

ベストアンサー

grape16
ベストアンサー率55% (52/93)

2005/07/18 19:40 回答No.2

いろいろ方法はあると思いますが，下のように表の中にあらかじめ説明文を書いておいて，onmouseoverされたら表示するのはいかがでしょう。下の例では<img>と<div>の重ね合わせの順番(style.zIndex)を変えるようにしてます。(style.visibilityを"visible"，"hidden"と変えるようにしてもいいですね。) <html> <head> <style></style> <script type="text/javascript"> </script> </head> <body> <table class="photos"> <tr> <td><img src="image1.jpg" onmouseover="show(this)" onmouseout="hyde(this)" /> <div>image1の説明</div></td> <td><img src="image2.jpg" onmouseover="show(this)" onmouseout="hyde(this)" /> <div>image2の説明</div></td> <td><img src="image3.jpg" onmouseover="show(this)" onmouseout="hyde(this)" /> <div>image3の説明</div></td> </tr> </table> </body> </html>

質問者