マウスに反応してメッセージを表示する

例：下のリンクに触れると枠内に説明がでます。　

Yahoo!JAPAN　←マウスで触ってみる→　 HtmlTechniqueUniverse

メッセージを表示させたい部分に記述するタグ

<SPAN ID="msg"></SPAN>

そして普通のリンクタグ（Ａタグ）からこのように変更します

<A HREF="../../../www.geocities.jp/server-errors/not_found.html" onMouseOver="msg.innerHTML='マウスが乗っているときに表示されるメッセージ'"onMouseOut="msg.innerHTML='マウスが乗っていないときに表示されるメッセージ（省略可）'">

■ちょっと応用
　このページのサンプルでは背景に薄紫色を指定しています。ほかにも<SPAN>タグにスタイルを指定することにより様々な効果が現れます。
<SPAN STYLE="color: #8000FF;background: #D5D5FF">
このページは上のように<SPAN>を変更してみました。

ホームへ戻る