<style> 
.contextmenu {background-color:threedface;border-style:outset;border-width:0;position:absolute;visibility:hidden;z-index:999} 
</style> 
<div id="cmenu" class="contextmenu" onmouseover="clearTimeout(tm)" onmouseout="hiddenentermenu()"> 
<table width="100" border="0" cellpadding="3" cellspacing="1" bgcolor="#999999">
  <tr>
    <td bgcolor="#FFFFFF">菜单项一</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF">菜单项二</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF">菜单项三</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF">菜单项四</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF">菜单项五</td>
  </tr>
</table>
</div> <script> 
var tm;
function window.onbeforeunload() 

cmenu.style.visibility="hidden"; 
} function document.onclick() 

cmenu.style.visibility="hidden"; 
} function document.oncontextmenu() 

var e=event.srcElement; 
if(e.tagName!="A")
{
return false;
}
var l=event.offsetX;; 
var t=event.offsetY; 
do 

l+=e.offsetLeft; 
t+=e.offsetTop; 
}while(e=e.offsetParent); 
cmenu.style.pixelLeft=l; 
cmenu.style.pixelTop=t+5; 
cmenu.style.visibility="visible";
event.returnValue=false;
hiddenentermenu();
} function cmenu.oncontextmenu() 

event.cancelBubble=true; 
event.returnValue=false; 
} function hiddenentermenu()
{
clearTimeout(tm);
tm = setTimeout( "hhide()",1000 );
}
function hhide()
{
var obj = document.getElementById( "cmenu" );
obj.style.visibility = "hidden";
}
</script> 
<a href="#" id="link1 ">这里有一个文字链接1</a>
<br><br><br><br><br>
<a href="#" id="link2"  style="position:absolute">这里有一个文字链接2</a>