热点

AI在情感识别与计算领域的运用

AI在交通管理与规划领域的应用

AI在提升公共安全管理效率和效果方面的应用与成效分析

人工智能技术正在推动图书馆的管理和服务向更高水平发展

AI技术在生物识别领域的应用及其发展潜力

人工智能赋能农业，实现精准种植与管理

人工智能在智能生产中的优化控制

智能科技增强金融监管，确保资金流动安全无虞

人工智能在能源互联网中的应用及其发展进程

人工智能技术赋能智能客服系统，优化客户服务体验

29 6 月 2025, 周日

创业

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

由 dawei 9 月 2, 2018 没有评论 #右键 #桌面 #模拟 #灰色 #电脑 #菜单

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

　　示例：

<style><br /> <br /> </style><br /> <html><br /> <head><br /> <title>js特效--右键灰色菜单</title><br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /> <LINK href="css/the9.css"<br /> rel=stylesheet type=text/css><br /> <style type="text/css"><br /> <br /> </style><br /> <script src="ad.js"></script><br /> </head><br /> <BODY oncontextmenu=window.event.returnValue=false bgcolor="#ffffff"><br /> <div align="center" ><br /> ****************<br /> <tr><br /> **********<br /> </tr><br /> </table><br /> <table width="770" border="0" cellspacing="0" cellpadding="0" class="zf1"><br /> <tr><br /> ***********<br /> ************<br /> *************<br /> <tr><br /> **************<br /> <SCRIPT LANGUAGE="JavaScript"><br /> <br /> </script><br /> ***************</div></td><br /> </tr><br /> <tr><br /> <td height="15"><div align="center"><img src="images/little2.gif" width="9" height="9"><br /> <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><br /> </tr><br /> <tr><br /> <td><div align="center"><img src="images/little3.gif" width="9" height="9"><script src="../mail.js"></script></div></td><br /> </tr><br /> </table></td><br /> </tr><br /> </table><br /> <table width="770" border="0" cellspacing="0" cellpadding="0" class="zf1"><br /> <tr><br /> <td height="20"><table width="768" height="19" border="0" align="center" cellpadding="0" cellspacing="0" background="images/menubg.gif"><br /> <script src="js.js"></script><br /> </table></td><br /> </tr><br /> </table><br /> <table width="770" border="0" cellspacing="0" cellpadding="0" bgcolor="#CCCCCC"class="zf1"><br /> <tr><br /> <td class="zf3"><script language="JavaScript"><br /> <br /> </script></td><td align=right>****************</td><br /> </tr><br /> </table><br /> <br /> <table width="770" border="0" cellspacing="0" cellpadding="0" ><br /> <tr><br /> <td height="2"></td><br /> </tr><br /> </table><br /> <table width="770" border="0" cellspacing="10" cellpadding="0" bgcolor="#CCCCCC"><br /> <tr><br /> <td bgcolor="#FFFFFF" height="501" valign="top"><br /> <div align="center"> <br><br /> <table width="700" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td width="200"> </td><br /> <td><br /> <table width="300" border="1" cellspacing="0" cellpadding="0" align="center"><br /> <tr><br /> <td bgcolor="#CCCCCC" height="20" width="15"> </td><br /> <td bgcolor="#999999" height="20" width="260"><br /> <div align="center"><font color="#FFFFFF" size="3">右键灰色菜单</font></div><br /> </td><br /> <td bgcolor="#CCCCCC" height="20" width="17"> </td><br /> </tr><br /> </table><br /> </td><br /> <td width="10"><a href="UserCollect.asp?action=add&id=1637" target="Collect">****************</a></td><br /> </tr><br /> </table><br /> <br><br /> <fieldset style="width:500;height:50"><legend>效果显示区</legend><br /> <style type="text/css"><br /> <br /> </style><br /> <script language="JScript"><br /> \n";<br /> HTMLstr += "\n";<br /> HTMLstr += "\n";<br /> HTMLstr += "<div id='E_rbpm' class='rm_div'>\n";<br /> // rbpm = right button pop menu<br /> HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";<br /> HTMLstr += "\n";<br /> HTMLstr += "</table>\n";<br /> HTMLstr += "</div>\n";<br /> HTMLstr += "";<br /> HTMLstr += "\n";<br /> HTMLstr += "\n";<br /> }<br /> function AddExtendMenu(id,name,parent)<br /> {<br /> var TempStr = "";<br /> eval("A_"+parent+".length++");<br /> eval("A_"+parent+"[A_"+parent+".length-1] = id"); // 将此项注册到父菜单项的ID数组中去<br /> TempStr += "<div id='E_"+id+"' class='rm_div'>\n";<br /> TempStr += "<table width='100%' border='0' cellspacing='0'>\n";<br /> TempStr += "";<br /> TempStr += "</table>\n";<br /> TempStr += "</div>\n";<br /> TempStr += "";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> eval("A_"+id+" = new Array()");<br /> TempStr = "";<br /> TempStr += "\n";<br /> TempStr += "<tr id='P_"+id+"' class='out'";<br /> TempStr += " onmouseover='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";<br /> TempStr += " onmouseout='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";<br /> TempStr += " onmouseup=window.event.cancelBubble=true;";<br /> TempStr += " onclick=window.event.cancelBubble=true;";<br /> TempStr += "><td nowrap>";<br /> TempStr += " "+name+" </td><td style='font-family: webdings; text-align: ;'>4";<br /> TempStr += "</td></tr>\n";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> }<br /> function AddItem(id,name,parent,location)<br /> {<br /> var TempStr = "";<br /> var ItemStr = "";<br /> if(id == "sperator")<br /> {<br /> TempStr += ItemStr+"\n";<br /> TempStr += "<tr class='out' onclick='window.event.cancelBubble=true;' onmouseup='window.event.cancelBubble=true;'><td colspan='2' height='1'><hr class='sperator'></td></tr>";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> return;<br /> }<br /> if(HTMLstr.indexOf(ItemStr) != -1)<br /> {<br /> alert("I_"+id+"already exist!");<br /> return;<br /> }<br /> TempStr += ItemStr+"\n";<br /> TempStr += "<tr id='I_"+id+"' class='out'";<br /> TempStr += " onmouseover='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";<br /> TempStr += " onmouseout='I_OnMouseOut(\""+id+"\")'";<br /> TempStr += " onclick='window.event.cancelBubble=true;'";<br /> if(location == null)<br /> TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";<br /> else<br /> TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";<br /> TempStr += "><td nowrap>";<br /> TempStr += " "+name+" ";<br /> TempStr += "</td><td></td></tr>\n";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> }<br /> function GetMenu()<br /> {<br /> return HTMLstr;<br /> }<br /> function I_OnMouseOver(id,parent)<br /> {<br /> var Item;<br /> if(parent != "rbpm")<br /> {<br /> var ParentItem;<br /> ParentItem = eval("P_"+parent);<br /> ParentItem.className="over";<br /> }<br /> Item = eval("I_"+id);<br /> Item.className="over";<br /> HideAll(parent,1);<br /> }<br /> function I_OnMouseOut(id)<br /> {<br /> var Item;<br /> Item = eval("I_"+id);<br /> Item.className="out";<br /> }<br /> function I_OnMouseUp(id,parent,location)<br /> {<br /> var ParentMenu;<br /> window.event.cancelBubble=true;<br /> OnClick();<br /> ParentMenu = eval("E_"+parent);<br /> ParentMenu.display="none";<br /> if(location == null)<br /> eval("Do_"+id+"()");<br /> else<br /> window.open(location);<br /> }<br /> function P_OnMouseOver(id,parent)<br /> {<br /> var Item;<br /> var Extend;<br /> var Parent;<br /> if(parent != "rbpm")<br /> {<br /> var ParentItem;<br /> ParentItem = eval("P_"+parent);<br /> ParentItem.className="over";<br /> }<br /> HideAll(parent,1);<br /> Item = eval("P_"+id);<br /> Extend = eval("E_"+id);<br /> Parent = eval("E_"+parent);<br /> Item.className="over";<br /> Extend.style.display="block";<br /> Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;<br /> if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)<br /> Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;<br /> if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;<br /> Extend.style.posTop=Parent.offsetTop+Item.offsetTop;<br /> if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)<br /> Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;<br /> if(Extend.style.posTop < 0) Extend.style.posTop=0;<br /> }<br /> function P_OnMouseOut(id,parent)<br /> {<br /> }<br /> function HideAll(id,flag)<br /> {<br /> var Area;<br /> var Temp;<br /> var i;<br /> if(!flag)<br /> {<br /> Temp = eval("E_"+id);<br /> Temp.style.display="none";<br /> }<br /> Area = eval("A_"+id);<br /> if(Area.length)<br /> {<br /> for(i=0; i < Area.length; i++)<br /> {<br /> HideAll(Area[i],0);<br /> Temp = eval("E_"+Area[i]);<br /> Temp.style.display="none";<br /> Temp = eval("P_"+Area[i]);<br /> Temp.className="out";<br /> }<br /> }<br /> }<br /> document.onmouseup=OnMouseUp;<br /> document.onclick=OnClick;<br /> function OnMouseUp()<br /> {<br /> if(window.event.button == 2)<br /> {<br /> var PopMenu;<br /> PopMenu = eval("E_rbpm");<br /> HideAll("rbpm",0);<br /> PopMenu.style.display="block";<br /> PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX;<br /> PopMenu.style.posTop=document.body.scrollTop+window.event.clientY;<br /> if(PopMenu.style.posLeft+PopMenu.offsetWidth > document.body.scrollLeft+document.body.clientWidth)<br /> PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth;<br /> if(PopMenu.style.posLeft < 0) PopMenu.style.posLeft=0;<br /> if(PopMenu.style.posTop+PopMenu.offsetHeight > document.body.scrollTop+document.body.clientHeight)<br /> PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight;<br /> if(PopMenu.style.posTop < 0) PopMenu.style.posTop=0;<br /> }<br /> }<br /> function OnClick()<br /> {<br /> HideAll("rbpm",0);<br /> }<br /> // Add Your Function on following<br /> function Do_viewcode(){window.location="view-source:"+window.location.href;}<br /> function Do_help(){window.showHelp(window.location);}<br /> function Do_exit() {window.close();}<br /> function Do_refresh() {window.location.reload();}<br /> function Do_back() {history.back();}<br /> function Do_forward() {history.forward();}<br /> function Do_author(){alert("姓名：杨俊\n网名：风舞影天(Snwcwt)\nE_mail:snwcwt.com@263.net\n")}<br /> --><br /> </script><br /> <script language="JScript"><br /> <br /> </script><br /> </fieldset><br /> <br><br><br><br /> <table width="500" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td><br /> <table width="500" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td bgcolor="#CCCCCC" width="15" height="16"> </td><br /> <td width="96" bgcolor="#000000" height="16"><br /> <div align="center"><font color="#FFFFFF">脚本说明：</font></div><br /> </td><br /> <td width="389" height="16"> </td><br /> </tr><br /> </table><br /> </td><br /> </tr><br /> <tr><br /> <td class="zf"><br /> <textarea name="textfield" cols="80" rows="10" class="textfield">脚本说明:<br /> <br /> 第一步:把如下代码加入<body>区域中<br /> <style type="text/css"><br /> <br /> </style><br /> <script language="JScript"><br /> \n";<br /> HTMLstr += "\n";<br /> HTMLstr += "\n";<br /> HTMLstr += "<div id='E_rbpm' class='rm_div'>\n";<br /> HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";<br /> HTMLstr += "\n";<br /> HTMLstr += "</table>\n";<br /> HTMLstr += "</div>\n";<br /> HTMLstr += "";<br /> HTMLstr += "\n";<br /> HTMLstr += "\n";<br /> }<br /> function AddExtendMenu(id,name,parent)<br /> {<br /> var TempStr = "";<br /> eval("A_"+parent+".length++");<br /> eval("A_"+parent+"[A_"+parent+".length-1] = id"); // 将此项注册到父菜单项的ID数组中去<br /> TempStr += "<div id='E_"+id+"' class='rm_div'>\n";<br /> TempStr += "<table width='100%' border='0' cellspacing='0'>\n";<br /> TempStr += "";<br /> TempStr += "</table>\n";<br /> TempStr += "</div>\n";<br /> TempStr += "";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> eval("A_"+id+" = new Array()");<br /> TempStr = "";<br /> TempStr += "\n";<br /> TempStr += "<tr id='P_"+id+"' class='out'";<br /> TempStr += " onmouseover='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";<br /> TempStr += " onmouseout='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";<br /> TempStr += " onmouseup=window.event.cancelBubble=true;";<br /> TempStr += " onclick=window.event.cancelBubble=true;";<br /> TempStr += "><td nowrap>";<br /> TempStr += " "+name+" </td><td style='font-family: webdings; text-align: ;'>4";<br /> TempStr += "</td></tr>\n";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> }<br /> function AddItem(id,name,parent,location)<br /> {<br /> var TempStr = "";<br /> var ItemStr = "";<br /> if(id == "sperator")<br /> {<br /> TempStr += ItemStr+"\n";<br /> TempStr += "<tr class='out' onclick='window.event.cancelBubble=true;' onmouseup='window.event.cancelBubble=true;'><td colspan='2' height='1'><hr class='sperator'></td></tr>";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> return;<br /> }<br /> if(HTMLstr.indexOf(ItemStr) != -1)<br /> {<br /> alert("I_"+id+"already exist!");<br /> return;<br /> }<br /> TempStr += ItemStr+"\n";<br /> TempStr += "<tr id='I_"+id+"' class='out'";<br /> TempStr += " onmouseover='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";<br /> TempStr += " onmouseout='I_OnMouseOut(\""+id+"\")'";<br /> TempStr += " onclick='window.event.cancelBubble=true;'";<br /> if(location == null)<br /> TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";<br /> else<br /> TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";<br /> TempStr += "><td nowrap>";<br /> TempStr += " "+name+" ";<br /> TempStr += "</td><td></td></tr>\n";<br /> TempStr += "";<br /> HTMLstr = HTMLstr.replace("",TempStr);<br /> }<br /> function GetMenu()<br /> {<br /> return HTMLstr;<br /> }<br /> function I_OnMouseOver(id,parent)<br /> {<br /> var Item;<br /> if(parent != "rbpm")<br /> {<br /> var ParentItem;<br /> ParentItem = eval("P_"+parent);<br /> ParentItem.className="over";<br /> }<br /> Item = eval("I_"+id);<br /> Item.className="over";<br /> HideAll(parent,1);<br /> }<br /> function I_OnMouseOut(id)<br /> {<br /> var Item;<br /> Item = eval("I_"+id);<br /> Item.className="out";<br /> }<br /> function I_OnMouseUp(id,parent,location)<br /> {<br /> var ParentMenu;<br /> window.event.cancelBubble=true;<br /> OnClick();<br /> ParentMenu = eval("E_"+parent);<br /> ParentMenu.display="none";<br /> if(location == null)<br /> eval("Do_"+id+"()");<br /> else<br /> window.open(location);<br /> }<br /> function P_OnMouseOver(id,parent)<br /> {<br /> var Item;<br /> var Extend;<br /> var Parent;<br /> if(parent != "rbpm")<br /> {<br /> var ParentItem;<br /> ParentItem = eval("P_"+parent);<br /> ParentItem.className="over";<br /> }<br /> HideAll(parent,1);<br /> Item = eval("P_"+id);<br /> Extend = eval("E_"+id);<br /> Parent = eval("E_"+parent);<br /> Item.className="over";<br /> Extend.style.display="block";<br /> Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;<br /> if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)<br /> Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;<br /> if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;<br /> Extend.style.posTop=Parent.offsetTop+Item.offsetTop;<br /> if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)<br /> Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;<br /> if(Extend.style.posTop < 0) Extend.style.posTop=0;<br /> }<br /> function P_OnMouseOut(id,parent)<br /> {<br /> }<br /> function HideAll(id,flag)<br /> {<br /> var Area;<br /> var Temp;<br /> var i;<br /> if(!flag)<br /> {<br /> Temp = eval("E_"+id);<br /> Temp.style.display="none";<br /> }<br /> Area = eval("A_"+id);<br /> if(Area.length)<br /> {<br /> for(i=0; i < Area.length; i++)<br /> {<br /> HideAll(Area[i],0);<br /> Temp = eval("E_"+Area[i]);<br /> Temp.style.display="none";<br /> Temp = eval("P_"+Area[i]);<br /> Temp.className="out";<br /> }<br /> }<br /> }<br /> document.onmouseup=OnMouseUp;<br /> document.onclick=OnClick;<br /> function OnMouseUp()<br /> {<br /> if(window.event.button == 2)<br /> {<br /> var PopMenu;<br /> PopMenu = eval("E_rbpm");<br /> HideAll("rbpm",0);<br /> PopMenu.style.display="block";<br /> PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX;<br /> PopMenu.style.posTop=document.body.scrollTop+window.event.clientY;<br /> if(PopMenu.style.posLeft+PopMenu.offsetWidth > document.body.scrollLeft+document.body.clientWidth)<br /> PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth;<br /> if(PopMenu.style.posLeft < 0) PopMenu.style.posLeft=0;<br /> if(PopMenu.style.posTop+PopMenu.offsetHeight > document.body.scrollTop+document.body.clientHeight)<br /> PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight;<br /> if(PopMenu.style.posTop < 0) PopMenu.style.posTop=0;<br /> }<br /> }<br /> function OnClick()<br /> {<br /> HideAll("rbpm",0);<br /> }<br /> // Add Your Function on following<br /> function Do_viewcode(){window.location="view-source:"+window.location.href;}<br /> function Do_help(){window.showHelp(window.location);}<br /> function Do_exit() {window.close();}<br /> function Do_refresh() {window.location.reload();}<br /> function Do_back() {history.back();}<br /> function Do_forward() {history.forward();}<br /> function Do_author(){alert("姓名：杨俊\n网名：风舞影天(Snwcwt)\nE_mail:snwcwt.com@263.net\n")}<br /> --><br /> </script><br /> <script language="JScript"><br /> <br /> </script><br /> <br /> 第二步:把如下代码加入<body>区域中<BODY oncontextmenu=window.event.returnValue=false bgcolor="#ffffff"><br /> </textarea><br /> </td><br /> </tr><br /> </table><br /> </div><br /> </td><br /> </tr><br /> </table><br /> <hr width="770"><br /> <table width="770" border="0" cellspacing="0" cellpadding="0" height="21"><br /> <tr><br /> <td bgcolor="#CCCCCC" valign="middle"><br /> <div align="center"><script language=javascript src=buttom.js></script></div><br /> </td><br /> </tr><br /> <tr><br /> <td><br /> <div align="center"></div><br /> </td><br /> </tr><br /> </table><br /> </div><br /> </body><br /> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

由 dawei

【声明】：天津站长网内容转载自互联网，其相关言论仅代表作者个人观点绝非权威，不代表本站立场。如您发现内容存在版权问题，请提交相关链接至邮箱：bqsm@foxmail.com，我们将及时予以处理。

创业

大众创业的2.0版本，百度智能小程序创业经营大赛正式启动

dawei 8 月 28, 2021

创业

加盟社区邦，让家政创业更简单，社区邦家政创业招商会成功举办！

dawei 8 月 28, 2021

创业

2021“创客广东”工业互联网中小企业创新创业大赛圆满收官

dawei 8 月 5, 2021

AI应用

AI在情感识别与计算领域的运用

AI应用

AI在交通管理与规划领域的应用

AI应用

AI在提升公共安全管理效率和效果方面的应用与成效分析

AI应用

人工智能技术正在推动图书馆的管理和服务向更高水平发展