这是我前几天做的一个右键菜单....
<%--
/**
*作者:曹欣
*/
--%>
< 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 >
/**
*作者:曹欣
*/
--%>
< 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 >