オンマウスで画像にポップアップ文字を表示
表示の例
「5・6年生にもわかるやさしいJavaScript」へ!
画像にマウスポインタをのせた時に、お好きなコメントを表示できます。
この画像のソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<a href="http://www.sky.sannet.ne.jp/masapine/java_top.html"><img border="0" src="images/banner5.gif" width="88" height="31" alt="「5・6年生にもわかるやさしいJavaScript」へ!"></a>
表示されるコメントは、alt="「5・6年生にもわかるやさしいJavaScript」へ!" のところに書き込みます。リンクの設定をしていない画像でもコメントの表示ができます。
※ 長いコメントの場合は、適当なところで改行されます。
表示される画像は、src="images/banner5.gif"の images/banner5.gif の部分に指定します。画像の大きさによって、width="88" height="31" のところにサイズを指定してください。
ホームページお役立ち小技集のTOPへ