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

前端技术 2023/09/06 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/16041

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案