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 常用代码技巧大收集
Feb 25 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
总结js中的一些兼容性易错的问题
Dec 18 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
浅谈Vue.set实际上是什么
Oct 17 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 Javascript
Vue发布订阅模式实现过程图解
Apr 30 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+mysqli事务控制实现银行转账实例
2015/01/29 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
php获取linux命令结果的实例
2017/03/13 PHP
PHP获取当前日期及本周一是几月几号的方法
2017/03/28 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
vue中的计算属性和侦听属性
2020/11/06 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
Python高级编程之消息队列(Queue)与进程池(Pool)实例详解
2019/11/01 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
selenium自动化测试入门实战
2020/12/21 Python
土木工程应届生求职信
2013/10/31 职场文书
巧克力蛋糕店创业计划书
2014/01/14 职场文书
工作自我评价怎么写
2014/01/29 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
导师就业推荐信范文
2014/05/22 职场文书
公司合并协议书范本
2014/09/30 职场文书
未中标通知书
2015/04/17 职场文书
科技馆观后感
2015/06/08 职场文书
golang slice元素去重操作
2021/04/30 Golang