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>
阅读更多
上一篇JavaScript 表格中行改变颜色
下一篇Wscript.Shell 对象详细介绍
想对作者说点什么? 我来说一句

javascirpt 小技巧 javascirpt 小技巧

2009年09月07日 185KB 下载

JavaScirpt经典教程+demo

2011年10月30日 1.55MB 下载

日历时间JavaScript

2016年09月05日 15KB 下载

javascirpt

2008年04月17日 4KB 下载

JavaSciript写的俄罗斯方块

2010年06月20日 13KB 下载

JAVASCIRPT

2007年07月23日 38KB 下载

HTML/javascirpt/css

2007年08月27日 190KB 下载

javascirpt图片切换效果

2009年05月15日 76KB 下载

vml 箭头

2007年12月15日 4KB 下载

没有更多推荐了,返回首页

关闭
关闭