オンマウスで文字にポップアップ文字を表示
表示の例
5・6年生にもわかるやさしいJavaScript へ!
リンク文字にマウスポインタをのせた時に、お好きなコメントを表示できます。
ソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<a href="http://www.sky.sannet.ne.jp/masapine/java_top.html" title="小学校の高学年くらいでもわかるようにやさしく解説!">5・6年生にもわかるやさしいJavaScript へ!</a>
表示されるコメントは、title="小学校の高学年くらいでもわかるようにやさしく解説!" の赤い文字のところに書き込みます。
文字にリンクの設定をしていなくても、お好きなコメントの表示ができます。上の「ソースは下のようになります。」の文字にマウスポインタをのせると、「コピーしてお使いくださいね」のポップアップ文字が表示されます。このソースは下のようになります。
ソース
<font color="#666666" style="font-size:15px;" title="コピーしてお使いくださいね">ソースは下のようになります。</font>
ホームページお役立ち小技集のTOPへ