クリックした場所にフローティングメニューが表示され、再度クリックすると消えます。
<HTML>
<HEAD>
<TITLE>148</TITLE>
<STYLE TYPE="text/css">
A {text-decoration:none}
A:link {color:blue}
A:visited {color:navy}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var flag = true;
function Menu() {
	if(flag) {
	NaviMenu.style.posLeft = event.clientX;
	NaviMenu.style.posTop = event.clientY;
	NaviMenu.style.visibility = "visible";
	flag = false;
	}
	else {
	NaviMenu.style.visibility = "hidden";
	flag = true;
	}
}
document.onclick = Menu;
</SCRIPT>
</HEAD>
<BODY>
<DIV STYLE="font-size:11pt;font-family:MS ゴシック;color:nevy">クリックした場所にフローティングメニューが表示され、再度クリックすると消えます。</DIV>
<DIV ID="NaviMenu" STYLE="position:absolute;width:450px;height:500px;font-size:10pt;font-family:MS ゴシック;z-index:1;overflow:scroll;visibility:hidden;">
<A HREF="001.html" TARGET="top"> 文字を表示する</A><BR>
<A HREF="002.html" TARGET="top"> 文字の書体・サイス・色などを指定する</A><BR>
<A HREF="003.html" TARGET="top"> 背景色を使う</A>
</DIV>
</BODY>
</HTML>