<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> |