戻る|
ダブルクリック |
◆ダブルクリック◆ |
■■１■■
[概要]
ダブルクリックで独自のメニューを表示する
[参照]
[ソース]
<HTML>
<TITLE>ダブルクリックで独自のメニューを表示する</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//ダブルクリック検出
document.ondblclick = Menu;
//メニュー表示関数
function Menu(){
//非表示の場合表示にする
if(menu.style.visibility == "hidden"){
menu.style.posLeft = event.clientX;
menu.style.posTop = event.clientY;
menu.style.visibility = "visible";
}
//表示の場合非表示にする
else if(menu.style.visibility == "visible"){
menu.style.visibility = "hidden";
}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<!--メニュー用タグ-->
<DIV id="menu" style={position:absolute;visibility:hidden;}>
<TABLE border=3 bgcolor=blue
cellpadding=5>
<TR>
<TD
bgcolor="#ffffcc">
タイトル<P>
・コンテンツ<BR>
・コンテンツ<BR>
・コンテンツ<BR>
・コンテンツ<BR>
</TD>
</TR>
</TABLE>
</DIV>
<!--メニュー用タグここまで-->
</BODY>
</HTML>
※赤は変更点
※水色はid
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。