右键菜单如何使用？


<HTML>
<style>
.hide{display:none}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function myMenu()
{
if (!document.all) return;
if (event.srcElement.className=="my"){
z=event.srcElement;
myInfo.innerHTML = z.href;
myDel.href="javascript:myDelete("+z.id+")";
}
//========
if (event.button == 2&&event.srcElement.className=="my"){
var x = event.clientX;
var y = event.clientY;
document.all.tmpDiv.style.pixelLeft = x;
document.all.tmpDiv.style.pixelTop = y;
}else{
if (event.srcElement.id !="myDel")
hideThis();
}
}function hideThis(){
document.all.tmpDiv.style.left = -1000
}function myDelete(obj2){
obj2.className = "hide";
hideThis()
}document.onmousedown = myMenu;
//-->
</SCRIPT>
<BODY oncontextmenu="return false;">
<div  id="tmpDiv" class="tmpDiv" style="font-size:10pt;background-color: #dcdcdc;border:#000000 1 solid;position: absolute; left: -300px"><font id=myInfo></font><br>
<a id=myDel>Delete?</a></div>
<a id=a class=my href="http://www.21cn.com">21cn.com</a><br>
<a id=b class=my href="http://www.163.com">163.com</a><br>
<a id=c class=my href="http://www.hotmail.com">hotmail.com</a><br>
</BODY>
</HTML>