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 相关文章推荐
sina的lightbox效果。
Jan 09 Javascript
jQuery对象的selector属性用法实例
Dec 27 Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 Javascript
JS对字符串编码的几种方式使用指南
May 14 Javascript
javascript正则表达式总结
Feb 29 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
vue axios用法教程详解
Jul 23 Javascript
vue-router之实现导航切换过渡动画效果
Oct 31 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中将网页导出为Word文档的代码
2012/05/25 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php二维码生成
2015/10/19 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
dess中一个简单的多路委托的实现
2010/07/20 Javascript
2010年最佳jQuery插件整理
2010/12/06 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
2016/01/17 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
PHP7新特性简述
2017/06/11 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
scrapy spider的几种爬取方式实例代码
2018/01/25 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
PyTorch中clone()、detach()及相关扩展详解
2020/12/09 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
一套PHP的笔试题
2013/05/31 面试题
应聘护士自荐信
2013/10/21 职场文书
保护母亲河倡议书
2014/04/14 职场文书
交通志愿者活动总结
2014/06/27 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
法制工作总结2015
2015/07/23 职场文书
毕业典礼致辞
2015/07/29 职场文书
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers