javascript自定义右键弹出菜单实现方法


Posted in Javascript onMay 25, 2015

本文实例讲述了javascript自定义右键弹出菜单实现方法。分享给大家供大家参考。具体实现方法如下:

<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
var oPopup = window.createPopup();
function PopMenu(id)
{
 var oPopBody = oPopup.document.body;
 oPopBody.style.backgroundColor = "buttonface";
 oPopBody.style.border = "solid black 1px";
 var TableBegin="<table style=\"border: 0; width: 100%; font-size: 12px;\" cellpadding=\"0\" cellspacing=\"0\">";
 var Tr1="<tr><td valign=\"middle\" style=\"height: 20px;\" onmousemove=\"this.bgColor='highlight';this.style.color='highlighttext'\" onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.window.open('/news/view.asp?id="+id+"');\">查看新闻</td></tr>";
 var TrBr1="<tr><td style=\"background-color: ThreeDShadow; height: 1px;\"></td></tr>";
 var Tr2="<tr><td valign=\"middle\" style=\"height: 20px;cursor:hand;\" onmousemove=\"this.bgColor='highlight';this.style.color='highlighttext'\" onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.document.frames['main'].location='divdiv.aspx?id="+id+";'\">查看新闻</td></tr>";
 var TableEnd="</table>";
 oPopBody.innerHTML =TableBegin+Tr1+TrBr1+Tr2+TableEnd;
 oPopup.show(event.x, event.y, 90, 41, document.body);
 return false;
}
</script>
</head>
<body>
 <form id="form1" runat="server">
 <div>
  <a href='javascript:void(0);' oncontextmenu='PopMenu(1);return false;'>
  <img alt="" src='1.gif' style="border:0;width:150px;height:110px; cursor:hand"/>
  <br/>
  </a>
  <iframe name="main" frameborder="0" width="100%" scrolling="auto" height="100%">
  </iframe>
 </div>
 </form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript模板技术
Apr 27 Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
JQuery jsonp 使用示例代码
Aug 12 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
JavaScript中定义对象原型的两种使用方法
Dec 15 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
Apr 08 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
Taro小程序自定义顶部导航栏功能的实现
Dec 17 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 #Javascript
JavaScript实现仿网易通行证表单验证
May 25 #Javascript
js+cookies实现悬浮购物车的方法
May 25 #Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 #Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 #Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 #Javascript
js实现鼠标划过给div加透明度的方法
May 25 #Javascript
You might like
通俗易懂的php防注入代码
2010/04/07 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
利用PHP获取汉字首字母并且分组排序详解
2017/10/22 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
索趣科技的答案
2007/02/07 Javascript
javascript的键盘控制事件说明
2008/04/15 Javascript
js文字滚动停顿效果代码
2008/06/28 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
2016/05/11 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
微信小程序实现人脸检测功能
2018/05/25 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
JavaScript动态创建二维数组的方法示例
2019/02/01 Javascript
在vue中使用G2图表的示例代码
2019/03/19 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
如何使用Python 打印各种三角形
2019/06/28 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
用Python实现职工信息管理系统
2020/12/30 Python
保险专业大专生求职信
2013/10/26 职场文书
JAVA程序员自荐书
2014/01/30 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
师德师风个人反思
2014/04/28 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python