JavaScirpt 右键菜单

这是我前几天做的一个右键菜单....
<%--

/**

*作者:曹欣

*/


--%>

< 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 >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值