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

更新时间：2007年03月09日 00:00:00 作者：

<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实现网页上模仿桌面右键菜单

DIV+CSS设计的动感横向导航
DIV+CSS设计的横向导航菜单，可自己修改颜色。
2010-07-07
js实现的非常棒的绿色下拉透明菜单
js实现的非常棒的绿色下拉透明菜单...
2007-03-03
js仿土豆视频滚动菜单
比较漂亮的仿土豆视频导航菜单，漂亮大方
2008-05-05
js实现的XP风格的右键菜单
js实现的XP风格的右键菜单...
2007-03-03
CSS鼠标悬停菜单图片交换技术实现
这是一个使用了图片交换技术制作的CSS鼠标悬停菜单，也就是大家所说的鼠标经过换色，不过本例中的菜单并没有使用纯CSS来实现背景换色，这里将用一幅图片替换了背景色，因为主要是想让大家了解CSS对背景图片控制的技巧
2009-11-11
用dtree实现树形菜单 dtree使用说明
本节主要介绍用dtree来实现树形的菜单，需要的朋友可以参考下。
2011-10-10
js兼容IE6,IE7菜单高亮显示效果代码
原来做了一个菜单在IE7下正常没想到在IE6下却没有效果，后来改成使用JS实现虽然是实现的，但总觉得不是很好，在网上找了些资料，用CSS实现了。
2008-07-07
javascript 定时自动切换的选项卡Tab
JavaScript配合CSS制作一个能自动切换的网页选项卡,每隔一段时间,它就自动切换选项卡列表和标题,时间自设.
2009-10-10
发一个比较漂亮的选项卡动态增删的效果
发一个比较漂亮的选项卡动态增删的效果...
2007-09-09
js右键菜单效果代码
js右键菜单效果代码...
2007-07-07

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具