加入收藏 | 设为首页 | 会员中心 | 我要投稿辽源站长网（https://www.0437zz.com/）- 云专线、云连接、智能数据、边缘计算、数据安全!

当前位置：首页 > 创业 > 政策 > 正文

JS模拟电脑桌面右键菜单，右键灰色菜单

发布时间：2018-09-07 14:24:28 所属栏目：政策来源：站长网

导读：JS模拟电脑桌面右键菜单，右键灰色菜单，一看到这个效果就会给你一种代码比较久远的感觉，据烈火小编估计作者写于7、8年前，甚至更早，因为菜单中还有活动桌面（windows 98/2000才有的哦），推荐学习 Java Script的童鞋参考，但不建议实际应用。示例： st

　　JS模拟电脑桌面右键菜单，右键灰色菜单，一看到这个效果就会给你一种代码比较久远的感觉，据烈火小编估计作者写于7、8年前，甚至更早，因为菜单中还有活动桌面（windows 98/2000才有的哦），推荐学习JavaScript的童鞋参考，但不建议实际应用。

　　示例：

<style>  </style> <html> <head> <title>js特效--右键灰色菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <LINK href="css/the9.css" rel=stylesheet type=text/css> <style type="text/css">  </style> <script src="ad.js"></script> </head> <BODY oncontextmenu=window.event.returnValue=false bgcolor="#ffffff"> <div align="center" > **************** <tr> ********** </tr> </table> <table width="770" border="0" cellspacing="0" cellpadding="0" class="zf1"> <tr> *********** ************ ************* <tr> ************** <SCRIPT LANGUAGE="JavaScript">  </script> ***************</div></td> </tr> <tr> <td height="15"><div align="center"><img src="images/little2.gif" width="9" height="9"> <span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.veryhuo.com');" style="CURSOR: hand"> 设为首页</a></span></div></td> </tr> <tr> <td><div align="center"><img src="images/little3.gif" width="9" height="9"><script src="../mail.js"></script></div></td> </tr> </table></td> </tr> </table> <table width="770" border="0" cellspacing="0" cellpadding="0" class="zf1"> <tr> <td height="20"><table width="768" height="19" border="0" align="center" cellpadding="0" cellspacing="0" background="images/menubg.gif"> <script src="js.js"></script> </table></td> </tr> </table> <table width="770" border="0" cellspacing="0" cellpadding="0" bgcolor="#CCCCCC"class="zf1"> <tr> <td class="zf3"><script language="JavaScript">  </script></td><td align=right>****************</td> </tr> </table>  <table width="770" border="0" cellspacing="0" cellpadding="0" > <tr> <td height="2"></td> </tr> </table> <table width="770" border="0" cellspacing="10" cellpadding="0" bgcolor="#CCCCCC"> <tr> <td bgcolor="#FFFFFF" height="501" valign="top"> <div align="center"> <br> <table width="700" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200"> </td> <td> <table width="300" border="1" cellspacing="0" cellpadding="0" align="center"> <tr> <td bgcolor="#CCCCCC" height="20" width="15"> </td> <td bgcolor="#999999" height="20" width="260"> <div align="center"><font color="#FFFFFF" size="3">右键灰色菜单</font></div> </td> <td bgcolor="#CCCCCC" height="20" width="17"> </td> </tr> </table> </td> <td width="10"><a href="UserCollect.asp?action=add&id=1637" target="Collect">****************</a></td> </tr> </table> <br> <fieldset style="width:500;height:50"><legend>效果显示区</legend> <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("姓名：杨俊n网名：风舞影天(Snwcwt)nE_mail:snwcwt.com@263.netn")} --> </script> <script language="JScript">  </script> </fieldset> <br><br><br> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#CCCCCC" width="15" height="16"> </td> <td width="96" bgcolor="#000000" height="16"> <div align="center"><font color="#FFFFFF">脚本说明：</font></div> </td> <td width="389" height="16"> </td> </tr> </table> </td> </tr> <tr> <td class="zf"> <textarea name="textfield" cols="80" rows="10" class="textfield">脚本说明: 第一步:把如下代码加入<body>区域中 <style type="text/css">  </style> <script language="JScript"> n"; HTMLstr += "n"; HTMLstr += "n"; HTMLstr += "<div id='E_rbpm' class='rm_div'>n"; 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("姓名：杨俊n网名：风舞影天(Snwcwt)nE_mail:snwcwt.com@263.netn")} --> </script> <script language="JScript">  </script> 第二步:把如下代码加入<body>区域中<BODY oncontextmenu=window.event.returnValue=false bgcolor="#ffffff"> </textarea> </td> </tr> </table> </div> </td> </tr> </table> <hr width="770"> <table width="770" border="0" cellspacing="0" cellpadding="0" height="21"> <tr> <td bgcolor="#CCCCCC" valign="middle"> <div align="center"><script language=javascript src=buttom.js></script></div> </td> </tr> <tr> <td> <div align="center"></div> </td> </tr> </table> </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

相关内容

推荐文章

站长推荐

热点阅读