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

jquery 导航设计实现代码学习jquery的朋友可以看下
jquery 导航设计，主要是通过jquery控制一些css样式变换。
2009-09-09
msn上的tab功能Firefox对childNodes处理的一个BUG
今天公司用到一个tab功能发现 msn上的不错，但是在firefox兼容不好，msn他们的方法就是用了不少的div包含，不过网上有高人解决了。
2008-01-01
javascript实现的鼠标悬停时动态翻滚的导航条
鼠标悬停时动态翻滚的导航条，注意这里用了两个背景图，请等待网页加载完成或多刷新几次，这个是使用JavaScript实现的，不过代码好像是从jQuery里摘出来的，有点像。
2009-11-11
通用的二级菜单代码(css+javascript)
前几天做网站使用到二级菜单，想也没想就在网上当了几个，不过大多都不太满意，只有《CSS二级菜单》看上去似乎好一点，就使用了那个。
2009-07-07
原生JS仿苹果任务栏菜单，放大效果的菜单
原生JS仿苹果任务栏菜单，具备图标放大效果的菜单，原生JavaScript自定的特效，鼠标放到菜单上就把图标放大了，类似使用了jQuery的效果，里面用到了几张菜单图片，这个那就自己下载吧。
2011-08-08
JavaScript CSS菜单功能改进版
在上一篇《JavaScript css 实现菜单功能》通过一个HTML页面简单的实现了菜单功能。但是实际开发当中，如果菜单栏有很多项，频繁的修改HTML，会很繁琐，也容易出错。
2008-12-12
搜集了几个不错的下拉菜单效果
搜集了几个不错的下拉菜单效果...
2007-05-05
滑动门式菜单实现代码
自已写的横排的导航菜单，红色水晶风格，大家可以用啦，不过也有些地方需要高手指教啊，代码里有注释，兼容性还不错，希望一起提高吧。
2009-10-10
javascript实现的树型下拉框改进版
发现上一个版本，如果数据顺序颠倒就会出现问题，现在加以改进，
2008-09-09
用js实现的比较经典实用的触发型导航菜单
用js实现的比较经典实用的触发型导航菜单...
2007-03-03

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具