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>
/**
*作者:曹欣
*/
--%>
<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>
- JavaScirpt 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 右键菜单
- 树形菜单
- RPC:远程过程调用协议
- 对"技术积累"话题的一点小感慨
- Oracle中的树状查询(递归查询)
- JS函数取字符串
- JavaScirpt 右键菜单
- libevent源码分析
- 致我们的中国足球
- sql server 2000关于开始日期,结束日期的查询
- 操作系统学习笔记(一):什么是操作系统?
- 用 Delphi 学设计模式 之 简单工厂篇- -
- 基于resion实现epoll的Socket服务器
- 流水线技术
- 从硬盘安装Linux操作系统的方法步骤