JavaScirpt 右键菜单

原创 2007年09月30日 15:06:00
这是我前几天做的一个右键菜单....
<%--

/**

*作者:曹欣

*/


--%>

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

相关文章推荐

WindowsShell编程之右键菜单及图标

  • 2017年10月27日 12:08
  • 3.21MB
  • 下载

Windows右键菜单设置与应用技巧

Windows右键菜单设置与应用技巧   一、右键菜单大揭密   在Windows系统中,只要对着桌面或是文件(夹)单击右键,就会弹出一个快捷菜单,里面有对该文件(夹)的一些常用操作命令,...

右键菜单管理工具

  • 2016年09月29日 21:01
  • 762KB
  • 下载

[学习笔记]-ligerui 工具条,树结构,右键菜单,弹框

基本效果图         解析1,工具栏   html   JS $("#toptoolbar").ligerToolBar({                ...

js自定义右键菜单

  • 2014年12月19日 11:11
  • 40KB
  • 下载

右键菜单背景更改(软件+教程)

  • 2015年01月10日 18:49
  • 1.76MB
  • 下载

自定义treeview控件,实现右键菜单编辑功能

试过用复合控件包含treeview控件,但是失败,这次在右键菜单调用tree的回发js成功可以在页面后台绑定被编辑的节点,后台3个函数都可以编辑用c#传的参数e.mynode就是右键菜单的选中的节点 ...

右键菜单 jquery 易于修改

  • 2017年08月15日 12:36
  • 40KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScirpt 右键菜单
举报原因:
原因补充:

(最多只允许输入30个字)