用js实现网页上模仿桌面右键菜单

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页上模仿桌面右键菜单</title> </head> <body> 右击鼠标看看 -_-！<style type="text/css"></style> <script language="JScript"> 
"; HTMLstr += "
"; HTMLstr += "
"; HTMLstr += "
"; // rbpm = right button pop menu HTMLstr += "<table width="100%" border="0" cellspacing="0">
"; HTMLstr += "
"; HTMLstr += "</table>
"; HTMLstr += "
"; HTMLstr += ""; HTMLstr += "
"; HTMLstr += "
"; } function AddExtendMenu（id,name,parent） { var TempStr = ""; eval（"A_"+parent+".length++"）; eval（"A_"+parent+"[A_"+parent+".length-1] = id"）;// 将此项注册到父菜单项的ID数组中去 TempStr += "
"; TempStr += "<table width="100%" border="0" cellspacing="0">
"; TempStr += ""; TempStr += "</table>
"; TempStr += "
"; TempStr += ""; TempStr += ""; HTMLstr = HTMLstr.replace（"",TempStr）;eval（"A_"+id+" = new Array（）"）; TempStr= ""; TempStr += "
"; TempStr += "<tr id="P_"+id+"" class="out""; TempStr += " onmouseover="P_OnMouseOver（""+id+"",""+parent+""）""; TempStr += " onmouseout="P_OnMouseOut（""+id+"",""+parent+""）""; TempStr += " onmouseup=window.event.cancelBubble=true;"; TempStr += " onclick=window.event.cancelBubble=true;"; TempStr += "><td nowrap>"; TempStr += ""+name+" </td><td style="font-family: webdings; text-align: ;">4"; TempStr += "</td></tr>
"; TempStr += ""; HTMLstr = HTMLstr.replace（"",TempStr）; } function AddItem（id,name,parent,location） { var TempStr = ""; var ItemStr = ""; if（id == "sperator"） { TempStr += ItemStr+"
"; TempStr += "<tr class="out" onclick="window.event.cancelBubble=true;" onmouseup="window.event.cancelBubble=true;"><td colspan="2" height="1"><hr class="sperator"></td></tr>"; TempStr += ""; HTMLstr = HTMLstr.replace（"",TempStr）; return; } if（HTMLstr.indexOf（ItemStr） ！= -1） { alert（"I_"+id+"already exist！"）; return; } TempStr += ItemStr+"
"; TempStr += "<tr id="I_"+id+"" class="out""; TempStr += " onmouseover="I_OnMouseOver（""+id+"",""+parent+""）""; TempStr += " onmouseout="I_OnMouseOut（""+id+""）""; TempStr += " onclick="window.event.cancelBubble=true;""; if（location == null） TempStr += " onmouseup="I_OnMouseUp（""+id+"",""+parent+"",null）""; else TempStr += " onmouseup="I_OnMouseUp（""+id+"",""+parent+"",""+location+""）""; TempStr += "><td nowrap>"; TempStr += ""+name+""; TempStr += "</td><td></td></tr>
"; TempStr += ""; HTMLstr = HTMLstr.replace（"",TempStr）; } function GetMenu（） { return HTMLstr; } function I_OnMouseOver（id,parent） { var Item; if（parent ！= "rbpm"） { var ParentItem; ParentItem = eval（"P_"+parent）; ParentItem.className="over"; } Item = eval（"I_"+id）; Item.className="over"; HideAll（parent,1）; } function I_OnMouseOut（id） { var Item; Item = eval（"I_"+id）; Item.className="out"; } function I_OnMouseUp（id,parent,location） { var ParentMenu; window.event.cancelBubble=true; OnClick（）; ParentMenu = eval（"E_"+parent）; ParentMenu.display="none"; if（location == null） eval（"Do_"+id+"（）"）; else window.open（location）; } function P_OnMouseOver（id,parent） { var Item; var Extend; var Parent; if（parent ！= "rbpm"） { var ParentItem; ParentItem = eval（"P_"+parent）; ParentItem.className="over"; } HideAll（parent,1）; Item = eval（"P_"+id）; Extend = eval（"E_"+id）; Parent = eval（"E_"+parent）; Item.className="over"; Extend.style.display="block"; Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4; if（Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth） Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8; if（Extend.style.posLeft < 0） Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth; Extend.style.posTop=Parent.offsetTop+Item.offsetTop; if（Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight） Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight; if（Extend.style.posTop < 0） Extend.style.posTop=0; } function P_OnMouseOut（id,parent） { } function HideAll（id,flag） { var Area; var Temp; var i; if（！flag） { Temp = eval（"E_"+id）; Temp.style.display="none"; } Area = eval（"A_"+id）; if（Area.length） { for（i=0; i < Area.length; i++） { HideAll（Area[i],0）; Temp = eval（"E_"+Area[i]）; Temp.style.display="none"; Temp = eval（"P_"+Area[i]）; Temp.className="out"; } } } document.onmouseup=OnMouseUp; document.onclick=OnClick; function OnMouseUp（） { if（window.event.button == 2） { var PopMenu; PopMenu = eval（"E_rbpm"）; HideAll（"rbpm",0）; PopMenu.style.display="block"; PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX; PopMenu.style.posTop=document.body.scrollTop+window.event.clientY; if（PopMenu.style.posLeft+PopMenu.offsetWidth > document.body.scrollLeft+document.body.clientWidth） PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth; if（PopMenu.style.posLeft < 0） PopMenu.style.posLeft=0; if（PopMenu.style.posTop+PopMenu.offsetHeight > document.body.scrollTop+document.body.clientHeight） PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight; if（PopMenu.style.posTop < 0） PopMenu.style.posTop=0; } } function OnClick（） { HideAll（"rbpm",0）; } // Add Your Function on following function Do_viewcode（）{window.location="view-source:"+window.location.href;} function Do_help（）{window.showHelp（window.location）;} function Do_exit（） {window.close（）;} function Do_refresh（） {window.location.reload（）;} function Do_back（） {history.back（）;} function Do_forward（） {history.forward（）;} function Do_author（）{alert（"butong.net"）} --> </script> <script language="JScript"></script></body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]