给你我在工程中编的例子,20分好像太少了,这可是耗了我8小时的产物
<HTML >
<HEAD>
<TITLE> Hello </TITLE>
<META http-equiv=Pragma content='No-Cache'>
<META content="text/html; charset=GB2312" http-equiv=Content-Type>
<META http-equiv='Cache-Control' content='no-cache,must-revalidate'>
<META http-equiv='Cache-Control' content='no-store'>
<META http-equiv='expires' content='0'>
<style>
.css1{background-color:#003366;color:white}
.css2{background-color:rgb(223,223,223);color:black}
</style>
<script>
/* --------------------------------  程序加载与卸载  -------------------------------------------------*/
function showMenu(){
event.cancelBubble=true
event.returnValue=false
var e=event.srcElement;
menu.style.posTop=window.event.clientY
menu.style.posLeft=window.event.clientX
if((parseInt(menu.style.left)+parseInt(menu.offsetWidth))>=document.body.clientWidth)
menu.style.left=menu.style.posLeft-menu.offsetWidth+5
if((parseInt(menu.style.top)+parseInt(menu.offsetHeight))>=document.body.clientHeight)
menu.style.top=document.body.clientHeight-menu.offsetHeight
menu.style.visibility='visible';
}function Add()
{
alert('Add')
}
function Del(){
alert('DEl')}function Modi(){
alert('Modi')}function hiddenMenu(){
menu.style.visibility='hidden'
menu.style.left=0
menu.style.top=0
}function clear(){
var e=event.srcElement
if(e.Ismenu)return true
hiddenMenu();
}document.onmousedown=clear
document.oncontextmenu=showMenu
</script>
</HEAD><BODY><div style="padding:4px;position:absolute;left:0;top:0;width:100;background-color:rgb(223,223,223);visibility:hidden;border=1px outset black" id='menu'>
<div onmouseover="this.className='css1'" onmouseout="this.className='css2'" style="width:100%;padding:1px" Ismenu='true' onclick="Add()" id="AddDiv">新建</div>
<div onmouseover="this.className='css1'" onmouseout="this.className='css2'" style="width:100%;padding:1px" Ismenu='true' onclick="Del()" id="DelDiv">删除</div>
<div style="width:100%;height: 1px;border:1px inset gray;overflow:hidden;margin:3px">&nbsp;</div>
<div onmouseover="this.className='css1'" onmouseout="this.className='css2'" style="width:100%;padding:1px" Ismenu='true' onclick="Modi()" id="EditDiv">修改</div>
</div></BODY>
</HTML>