javascript自定义右键弹出菜单实现方法
本文实例讲述了javascript自定义右键弹出菜单实现方法。分享给大家供大家参考。具体实现方法如下：
<headrunat="server">
<title>无标题页</title>
<scripttype="text/javascript">
varoPopup=window.createPopup();
functionPopMenu(id)
{
varoPopBody=oPopup.document.body;
oPopBody.style.backgroundColor="buttonface";
oPopBody.style.border="solidblack1px";
varTableBegin="<tablestyle=\"border:0;width:100%;font-size:12px;\"cellpadding=\"0\"cellspacing=\"0\">";
varTr1="<tr><tdvalign=\"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>";
varTrBr1="<tr><tdstyle=\"background-color:ThreeDShadow;height:1px;\"></td></tr>";
varTr2="<tr><tdvalign=\"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>";
varTableEnd="</table>";
oPopBody.innerHTML=TableBegin+Tr1+TrBr1+Tr2+TableEnd;
oPopup.show(event.x,event.y,90,41,document.body);
returnfalse;
}
</script>
</head>
<body>
<formid="form1"runat="server">
<div>
<ahref='javascript:void(0);'oncontextmenu='PopMenu(1);returnfalse;'>
<imgalt=""src='1.gif'style="border:0;width:150px;height:110px;cursor:hand"/>
<br/>
</a>
<iframename="main"frameborder="0"width="100%"scrolling="auto"height="100%">
</iframe>
</div>
</form>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。