[NN4 IE4] マウスを重ねると説明を表示(ポップアップ) 

テキストリンク又は画像にマウスを重ねるとポップアップで説明を表示します。


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
msg=new Array();
msg[0]="";
msg[1]="
<TABLE boder=0 bgcolor='#ffffcc'><TR><TD><FONT size=-1>トップページへ</FONT></TD></TR></TABLE>";
msg[2]="
<TABLE boder=0 bgcolor='#ffffcc'><TR><TD><FONT size=-1>img1.gif</FONT></TD></TR></TABLE>";
function Msg(x,y,index){
    if(navigator.userAgent.indexOf("MSIE 4.")>=0){
        box.innerHTML = msg[index];
        box.style.left=x+10;
        box.style.top=y+10;
    }else if(navigator.userAgent.indexOf("MSIE 5.")>=0 || navigator.userAgent.indexOf("MSIE 6.")>=0){
        box.innerHTML = msg[index];
        box.style.left=document.body.scrollLeft+x+10;
        box.style.top=document.body.scrollTop+y+10;
    }else if(document.layers){
        document.box.document.open();
        document.box.document.write(msg[index]);
        document.box.document.close();
        document.box.left=x+10;
        document.box.top=y+10;
    }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<DIV id="box" style="position:absolute;"></DIV>
<BR>
<A href="../index.htm" onMouseOver="Msg(event.x,event.y,1)" onMouseOut="Msg(event.x,event.y,0)">トップページへ</A><BR>
<BR>
<A href="#" onMouseOver="Msg(event.x,event.y,2)" onMouseOut="Msg(event.x,event.y,0)"><IMG src="img1.gif" border=0></A>
</BODY>
</HTML>

戻る