0顶

网页上模仿桌面右键菜单

稿源：互联网 2022-04-04 16:09:46 点击： 1061 撤稿纠错

模仿桌面右键菜单，不要误以为这是你的桌面哦^ o ^

以下讨论的是和菜单右键相关的网页上模仿桌面右键菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---网页上模仿桌面右键菜单</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>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于网页上模仿桌面右键菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071417.shtml方便下次再访问哦。

·上一篇： 经典实用的触发型导航菜单
·下一篇： 左右交叉合并导航效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

网页上模仿桌面右键菜单

文章分类LIST >>返回首页

最新游戏

最新新闻