当前位置：Gxlcms > JavaScript > 用js实现网页上模仿桌面右键菜单_导航菜单

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

时间：2021-07-01 10:21:17 帮助过：9人阅读

<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"; 
      } 
    } 
  }

</html>

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

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

人气教程排行