用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">   \n";     HTMLstr += "\n";     HTMLstr += "\n";     HTMLstr += "<div id='E_rbpm' class='rm_div'>\n";                         // rbpm = right button pop menu     HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";     HTMLstr += "\n";     HTMLstr += "</table>\n";     HTMLstr += "</div>\n";     HTMLstr += "";     HTMLstr += "\n";     HTMLstr += "\n";   }   function AddExtendMenu(id,name,parent)   {     var TempStr = "";     eval("A_"+parent+".length++");     eval("A_"+parent+"[A_"+parent+".length-1] = id");  // 将此项注册到父菜单项的ID数组中去     TempStr += "<div id='E_"+id+"' class='rm_div'>\n";     TempStr += "<table width='100%' border='0' cellspacing='0'>\n";     TempStr += "";     TempStr += "</table>\n";     TempStr += "</div>\n";     TempStr += "";     TempStr += "";     HTMLstr = HTMLstr.replace("",TempStr);          eval("A_"+id+" = new Array()");     TempStr  = "";     TempStr += "\n";     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>\n";     TempStr += "";     HTMLstr = HTMLstr.replace("",TempStr);   }   function AddItem(id,name,parent,location)   {     var TempStr = "";     var ItemStr = "";     if(id == "sperator")     {       TempStr += ItemStr+"\n";       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+"\n";     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>\n";     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需再刷新一下页面才能执行]

频道导航

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

您可能感兴趣的文章: