您的位置：农牧网资源中心 >> 网页特效 >> 导航菜单 >> 阅读资讯：网页上模仿桌面右键菜单

网页上模仿桌面右键菜单

[ 来源：不详 | 作者：佚名 | 时间：2007-6-10 11:02:02 | 收藏本文 ]

<div id="NewsContentLabel" class="NewsContent">提示:点击代码可以查看效果<html><head><meta http-equiv=Content-Type content=text/html; charset=gb2312><title>免费<a target="_blank" href="http://www.newasp.cn/" class="UBBWordLink">网络</a>－网页特效－网页上模仿桌面右键菜单</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> </div><div id="Message" class="Message"></div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[] [返回上一页] [打印]