LINK_MES の説明

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<TITLE>TEST_PAGE(LINK_MES)</TITLE>

<SCRIPT language="JavaScript"> ←JavaScript（DHTML用）の記述開始

//変数定義、初期値 ←変数の定義／初期値設定
  var appVer,web_browser;

//ブラウザの判別（NN4以上:0、IE4以上:1、N6以上:2、その他:3） ←Webブラウザの判別（NN4.x／IE4.x／N6／その他 を判別）
  appVer = parseInt(navigator.appVersion);
  if (document.layers && (appVer >= 4)) {web_browser = 0;}
  else if (document.all && (appVer >= 4)) {web_browser = 1;}
  else if (document.getElementById) {web_browser = 2;}
  else {web_browser = 3;}

//メッセージを表示 ←メッセージの表示
  function on(menu_event,mes) {
  //変数定義、初期値（マウスポインタ座標から離す距離）
    var mouse_xpos = 10 , mouse_ypos = 10;
    text = '<TABLE CELLPADDING="6" cellspacing="0" BORDER="1" BGCOLOR="#0000FF"><TR><TD><FONT COLOR="#FFFF00">'
           + mes +
           '</FONT></TD></TR></TABLE>';
    if (web_browser == 0) { ←NN4以上 の場合
      posx = menu_event.pageX;
      posy = menu_event.pageY;
      iv = document.layers["coment"];
      iv.left = posx + mouse_xpos;
      iv.top = posy + mouse_ypos;
      iv.document.open();
      iv.document.write(text);
      iv.document.close();
      iv.visibility = "show";
    } else if (web_browser == 1) { ←IE4以上 の場合
      posx = event.clientX + document.body.scrollLeft;
      posy = event.clientY + document.body.scrollTop;
      iv = document.all("coment");
      iv.style.posLeft = posx + mouse_xpos;
      iv.style.posTop = posy + mouse_ypos;
      iv.innerHTML = text;
      iv.style.visibility = "visible";
    } else if (web_browser == 2) { ←N6以上 の場合
      posx = menu_event.clientX + document.body.scrollLeft;
      posy = menu_event.clientY + document.body.scrollTop;
      iv = document.getElementById("coment");
      iv.style.left = posx + mouse_xpos;
      iv.style.top = posy + mouse_ypos;
      iv.innerHTML = text;
      iv.style.visibility = "visible";
      }
  }

//メッセージを消す ←メッセージの非表示
  function off() {
    if (web_browser == 0) document.layers["coment"].visibility = "hide";
    else if (web_browser == 1) document.all("coment").style.visibility = "hidden";
    else if (web_browser == 2) document.getElementById("coment").style.visibility = "hidden"
  }

</SCRIPT> ←JavaScript の記述終了

</HEAD>
<BODY BGCOLOR="#FFFFFF">

<DIV ID="coment" STYLE="position:absolute;visibility: hidden; left:0; top:0"></DIV> ←メッセージ表示用のレイヤーの設定

<CENTER>
<H2>マウスポインタを重ねるとぉぉぉ！<BR>コメントが表示されるぅぅぅ～</H2>
<H3>～ Ver.1.02 ～</H3>
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD>
<FONT SIZE="-1"><TT>
Ver.1.02 … 画面スクロール時の不具合を修正<BR>
Ver.1.01 … Netscape6以上 にも対応<BR>
Ver.1.00 … NN4.x、IE4以上 に対応
</TT></FONT>
</TD></TR>
</TABLE>
<HR><P>

<A HREF="http://www.hmr.ne.jp/yakata/" onMouseOver="on(event,'<B>&#34;ひめりん&#34; の館 のトップページへ</B><BR><CENTER><FONT COLOR=&#34;#FFFFFF&#34;>ねっ、表示されたでしょ！</FONT></CENTER>')" onMouseOut="off()"><FONT SIZE=+1>ここにマウスポインタを重ねてみて下さい</FONT></A><P>
　　　　　　 　　　　　　　　　　　　　↑マウスが重なったとき on へ　↑表示するメッセージ（HTML可） 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　↑マウスが離れたとき off へ
<HR><P>
[<A HREF="./link_mes_source.html">ソース＆説明</A>]
</CENTER>
</BODY>
</HTML>