Popup对象实现右键菜单

更新时间：2006年09月23日 00:00:00 作者：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <html>  <head>  <TITLE>Popup对象实现右键菜单</TITLE>  <script language="JavaScript">  var oPopup = window.createPopup();  function contextMenu()  {      var left = event.offsetX+10;      var top = event.offsetY+10;      oPopup.document.body.innerHTML = oContext.innerHTML;      oPopup.show(left, top, 120, 80, window.document.body);      }  </script>  </head>  <body oncontextmenu="contextMenu(); return false;">  <h1>Popup对象实现右键菜单</h1>  单击鼠标右键查看效果  <div ID="oContext" style="DISPLAY: none; BACKGROUND: #e4e4e4; ">      <div onmouseover="this.style.background='gold'"           onmouseout="this.style.background='#e4e4e4'"         <span onclick='parent.location.href="http://www.zol.com.cn"'>      中关村在线</span>      </div>      <div onmouseover="this.style.background='gold'"           onmouseout="this.style.background='#e4e4e4'"      <span onclick="parent.location.href='http://www.cfan.com.cn'">      电脑爱好者</span>      </div>      <div onmouseover="this.style.background='gold';"           onmouseout="this.style.background='#e4e4e4';">      <span onclick="parent.location.href='http://www.sina.com.cn'">      新浪网</span>      </div>      <div onmouseover="this.style.background='gold'"           onmouseout="this.style.background='#e4e4e4'"      <span onclick="parent.location.href='http://www.xinhuanet.com'">      新华网</span>      </div>       </div>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

Popup对象实现右键菜单

小程序实现投票进度条
这篇文章主要为大家详细介绍了小程序实现投票进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
java与javascript之间json格式数据互转介绍
对象转为字符串：通过JSON.encode方法，这个是json.js里面的方法，引入到当前文件就可以了，下面整理的比较详细一点，感兴趣的朋友不要错过
2013-10-10
Bootstrap table表格初始化表格数据的方法
这篇文章主要介绍了Bootstrap-table表格初始化表格数据的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-07-07
JS禁用浏览器退格键实现思路及代码
关于浏览器退格键的禁用，可行的方法有很多，在本文将为大家详细介绍下在js中时如何做到的，有需求的各位可以参考下
2013-10-10
JavaScript中实现依赖注入的思路分享
这篇文章主要介绍了JavaScript中实现依赖注入的思路分享,本文给出的解决方案包括获取func的参数列表、根据参数列表寻找依赖、传递依赖项参数并实例化等3个步骤,需要的朋友可以参考下
2015-01-01
微信小程序如何修改radio和checkbox的默认样式和图标
这篇文章主要介绍了微信小程序修改radio和checkbox的默认样式和图标,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-07-07
uniapp导航栏组件使用步骤
在uni-app中，可以使用官方提供的uni-navigator组件来实现导航栏的功能，这篇文章主要介绍了uniapp导航栏组件如何使用,需要的朋友可以参考下
2024-01-01
Javascript继承机制的设计思想分享
我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。
2011-08-08
JavaScript中手动实现Array.prototype.map方法
在前端开发中,我们经常需要对数组进行操作和处理,本文主要介绍了JavaScript中手动实现Array.prototype.map方法,具有一定的参考价值,感兴趣的可以了解一下
2024-02-02
给echarts图表线条、数据点和区域设置颜色示例代码
在ECharts中设置颜色可以通过多种方式实现,下面这篇文章主要给大家介绍了关于给echarts图表线条、数据点和区域设置颜色的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-09-09

Popup对象实现右键菜单

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具