リンクに説明をつけてみる（レイヤ編）

原案：平井　公大氏（2000/09/16 登録）

　マウスポインタがリンクの上にくると説明文を表示します（IE4.0、NN4.0）。マウスポインタがリンクの上にくるとレイヤに説明文を書き込んで表示しています。

表示サンプル

ソース記述内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>リンクに説明をつけてみる（レイヤ編）</title>
</head>
<body>
<div style="text-align:center"> 
  <table width="400">
    <tr>
      <td width="33%"><a href="http://forum.nifty.com/fhpg/" onMouseOver="showmsg('info','ホームページ作りのフォーラム')" onMouseOut="showmsg('info','')">FHPG</a></td>
      <td width="34%"><a href="http://forum.nifty.com/fbgf/" onMouseOver="showmsg('info','ビギナーズフォーラム')" onMouseOut="showmsg('info','')">FBGF</a></td>
      <td width="33%"><a href="http://forum.nifty.com/fwebkk/" onMouseOver="showmsg('info','ＷＥＢ快適活用フォーラム')" onMouseOut="showmsg('info','')">FWEBKK</a></td>
    </tr>
    <tr>
      <td colspan="3" bgcolor="#EFEFEF">
        <ilayer name="ilayer1" top="2" width="100%"> 
        <layer name="info"></layer>
        <span id="info"></span></ilayer>
        <br>
      </td>
    </tr>
  </table>
</div>
</body>
</html>

		フォーラム@nifty \| フォーラム・サークル \| サイトマップ \| ヘルプ \|
			@niftyの関連サービス \| @homepage \| LaCoocan \| ココログ \|