这是我前几天做的一个右键菜单....
<%--
/**/
/***作者:曹欣*/
--%>
<
html
>
<
head
>
<
title
>
右键菜单
</
title
>
<
script language
=
"
JavaScript
"
>
function
RightClickMenu()
...
{ popMenu(DivMenu,10); event.returnValue=false; event.cancelBubble=true; return false;}
function
popMenu(menuDiv,width)
...
{ //创建弹出菜单 var pop=window.createPopup(); var context; context ="<table width='100%' border='1' cellspacing='0' bordercolor='#C8DFDE' bgcolor='#FFFFFF' style='border-collapse:collapse; border-color:#7FB6B3; '>"; context += "<tr> <td bgcolor='#b1d2d0' height='25'><div align='center'><font color='#000000' size='-1'>选择操作类型</font></div></td></tr>"; context += "<tr> <td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操 作A</div></font></td></tr>"; context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操 作B</div></font></td></tr>"; context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操 作C</div></font></td></tr>"; context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操 作D</div></font></td></tr>"; context += "<tr><td height='23' valign='bottom' bgcolor='#F4F9F7' onClick='parent.ShowDiv();'><font color='#006666' size='-1'><div valign='bottom' align='center'>操 作E</div></font></td></tr>"; context += "</table>"; pop.document.body.innerHTML=context; //屏蔽菜单的菜单 pop.document.oncontextmenu=function() ...{ return false; } //选择一项后,菜单隐藏 pop.document.onclick=function() ...{ pop.hide(); } //显示菜单 pop.show(event.clientX-1,event.clientY,100,150,document.body); return true;}
function
ShowDiv()
...
{ alert("I'm a Event.....");}
</
script
>
</
head
>
<
body oncontextmenu
=
RightClickMenu()
>
<!--
需要显示的右键菜单
-->
<
div id
=
"
DivMenu
"
style
=
"
display:none
"
>
</
div
>
</
body
>
</
html
>
转载请注明原文地址: https://ibbs.8miu.com/read-30831.html