SAMPLE1
SAMPLE2
SAMPLE3
レイヤーのleftとtopを指定しないと左端に表示されてしまうので、ブラウザで確認しながら適正な数字を入れてください。

<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
<!--
function display_text(message){ 
  if(document.all){//for IE
     info.innerHTML=message;
   }
 else if(document.layers){//for NN
   document.info.document.open();
   document.info.document.write(message);
   document.info.document.close();
 }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER="0" WIDTH="480" CELLPADDING="4" CELLSPACING="0">
  <TR>
    <TD WIDTH="120" BGCOLOR="#CCFFFF"><A HREF="javascript:;" onMouseOver="display_text('このようにここにメッセージを書くことができます。.')" onMouseOut="display_text('')">SAMPLE1</A></TD>
    <TD ROWSPAN="3" VALIGN="top"><DIV id="info" STYLE="position:absolute;left:150px;top:120px; width: 320; height: 72;"></DIV></TD>
  </TR>
  <TR>
    <TD WIDTH="120" BGCOLOR="#FFFFCC"><A HREF="javascript:;" onMouseOver="display_text('長い文章の場合は改行を入れることもできます。<br>改行にはhtmlのbrタグを使います。')" onMouseOut="display_text('')">SAMPLE2</A></TD>
  </TR>
  <TR>
    <TD WIDTH="120" BGCOLOR="#FFCCFF"><A HREF="javascript:;" onMouseOver="display_text('ポインタを離しても、表示させたままにしたいときはonMouseOutの処理は書きません。')">SAMPLE3</A></TD>
  </TR>
</TABLE>
</BODY>
</HTML>

BACK