JavaScirpt 右键菜单

来源:互联网 发布:isset获取表单数据 编辑:程序博客网 时间:2024/05/19 03:17
这是我前几天做的一个右键菜单....
<%--

/**

*作者:曹欣

*/


--%>

<html>
<head>
<title>右键菜单</title>

<script language="JavaScript">
function RightClickMenu()

{


    popMenu(DivMenu,
10);


    event.returnValue
=false;

    event.cancelBubble
=true;

    
return false;

}


function popMenu(menuDiv,width)

{

    
//创建弹出菜单

    
var pop=window.createPopup();
    
var context;

       context 
="<table width='100%' border='1' cellspacing='0' bordercolor='#C8DFDE' bgcolor='#FFFFFF' style='border-collapse:collapse; border-color:#7FB6B3; '>";
    context 
+= "<tr> <td bgcolor='#b1d2d0' height='25'><div align='center'><font color='#000000' size='-1'>选择操作类型</font></div></td></tr>";
    context 
+= "<tr> <td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作A</div></font></td></tr>";
    context 
+= "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作B</div></font></td></tr>";  
    context 
+= "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作C</div></font></td></tr>";
    context 
+= "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作D</div></font></td></tr>";
    context 
+= "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操   作E</div></font></td></tr>";
    context 
+= "</table>";

    pop.document.body.innerHTML
=context;

    
//屏蔽菜单的菜单

    pop.document.oncontextmenu
=function()
    
{
            
return false;
    }


    
//选择一项后,菜单隐藏
    pop.document.onclick=function()
    
{
            pop.hide();
    }


    
//显示菜单

    pop.show(event.clientX
-1,event.clientY,100,150,document.body);

    
return true;

}

function ShowDiv()

{

    alert(
"I'm a Event.....");

}

</script>


</head>

<body oncontextmenu = RightClickMenu()>

<!--需要显示的右键菜单-->
<div id="DivMenu" style="display:none">
</div>
</body>
</html>