如何在页面上制作鼠标右键关联

Question

<style>
#contextmenu {
position:absolute;
visibility:hidden;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid button;
border-bottom:1px solid button;
margin:0;
padding:0;
list-style:none;
}
#contextmenu li {
margin:0;
display:inline;
}
#contextmenu li a {
display:block;
padding:4px 10px 4px 20px;
background-color:menu;
font-size:12px;
text-decoration:none;
color:black;
cursor:default;
ice:expression(this.hideFocus=true);
}
#contextmenu li a:hover {
display:block;
padding:4px 10px 4px 20px;
background-color:activecaption;
font-size:12px;
color:white;
text-decoration:none;
cursor:default;
}
</style>
<script language="javascript">
<!--
document.oncontextmenu=function()
{
var cm = document.getElementById( "contextmenu" );
cm.style.posLeft= event.x;
cm.style.posTop = event.y;
cm.style.visibility = "visible";
return false;
}
document.onclick = function()
{
var cm  = document.getElementById( "contextmenu" );
var src = event.srcElement;
if( src != cm && !cm.contains( src ))
{
cm.style.visibility = "hidden";
}
}
//-->
</script>
<ul id="contextmenu">
<li><a href="#">WEB开发</a></li>
<li><a href="#">数据库开发</a></li>
<li><a href="#">JAVA技术</a></li>
<li><a href="#">开发语言</a></li>
<li><a href="#">WINDOWS专区</a></li>
</ul>