リンクにマウスを乗せた時に、リンクの説明を表示します。Internet Explorer 4.0〜、Netscape Communicator 4.0〜で利用できます。

<script language="JavaScript">
<!--
function show(id) {
  if (document.all) {
    document.all.item(id).style.visibility = "visible";
  }
  if (document.layers) {
    document.layers[id].visibility = "show";
  }
}
function hide(id) {
  if (document.all) {
    document.all.item(id).style.visibility = "hidden";
  }
  if (document.layers) {
    document.layers[id].visibility = "hide";
  }
}
// -->
</script>
<a href="wwwssi.htm"
   onmouseover="show('id1')"
   onmouseout="hide('id1')">SSI入門</a>
<span id=id1 style="visibility:hidden">
<ilayer name=id1 visibility="hide">
 - 「とほほのSSI入門」にジャンプします。
</ilayer>
</span>
<br>
<a href="wwwcgi.htm"
   onmouseover="show('id2')"
   onmouseout="hide('id2')">CGI入門</a>
<span id=id2 style="visibility:hidden">
<ilayer name=id2 visibility="hide">
 - 「とほほのCGI入門」にジャンプします。
</ilayer>
</span>

IE4.0/5.0(Win)、IE4.0(Mac)、NN4.0(Win)で動作確認しています。また、IE2.0(Win)、NN2.0/3.0(Win)、JustView 3.01 では最初から説明文が表示されている状態になりますが、スクリプトエラーが発生しないことを確認しています。

NN4.0(Win)では、<layer> と <span> の入れ子関係を逆にすると、何故だか、それ以降のスタイルシートが一部無効になってしまうというバグがあるようです。

Netscape 6では、レイヤ機能のサポートが廃止されたため、動作しません。