マウスポインタがリンク文字上に乗ったら表を表示
動作ブラウザ：[IE4][IE5]
マウスポインタがリンク文字上に乗ったら表を表示します。表の表示オン／オフはスタイルシートを使えば簡単に実現できます。スタイルシートのdisplayプロパティにblock、inline、list-itemのいずれかを指定することで文書内に自動的に表が挿入され表示されます。
Netscape Navigator/Communicatorではエラーになります。
表１ 表２
■ソースリスト（ポイント部分）
<A HREF="#" onMouseover="window['myTable1'].style.display='block'"
onMouseout="window['myTable1'].style.display='none'">表１</A>
<A HREF="#" onMouseover="window['myTable2'].style.display='block'"
onMouseout="window['myTable2'].style.display='none'">表２</A>
<BR>
<TABLE BORDER="1" ID="myTable1" BGCOLOR="#dfdfdf" STYLE="display:none">
<TR><TD>表１です(^^)/</TD></TR>
</TABLE>
<TABLE BORDER="2" ID="myTable2" BGCOLOR="#9f9fff" STYLE="display:none">
<TR><TD>表２です(^^)/</TD></TR>
</TABLE>