首页 > 网络编程 > JavaScript > javascript技巧 > Popup对象实现右键菜单 2006-09-23 00:00:00 作者： Popup对象实现右键菜单 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <TITLE>Popup对象实现右键菜单</TITLE> <script language="JavaScript"> var oPopup = window.createPopup(); function contextMenu() { var left = event.offsetX+10; var top = event.offsetY+10; oPopup.document.body.innerHTML = oContext.innerHTML; oPopup.show(left, top, 120, 80, window.document.body); } </script> </head> <body oncontextmenu="contextMenu(); return false;"> <h1>Popup对象实现右键菜单</h1> 单击鼠标右键查看效果 <div ID="oContext" style="DISPLAY: none; BACKGROUND: #e4e4e4; "> <div onmouseover="this.style.background='gold'" onmouseout="this.style.background='#e4e4e4'" <span onclick='parent.location.href="http://www.zol.com.cn"'> 中关村在线</span> </div> <div onmouseover="this.style.background='gold'" onmouseout="this.style.background='#e4e4e4'" <span onclick="parent.location.href='http://www.cfan.com.cn'"> 电脑爱好者</span> </div> <div onmouseover="this.style.background='gold';" onmouseout="this.style.background='#e4e4e4';"> <span onclick="parent.location.href='http://www.sina.com.cn'"> 新浪网</span> </div> <div onmouseover="this.style.background='gold'" onmouseout="this.style.background='#e4e4e4'" <span onclick="parent.location.href='http://www.xinhuanet.com'"> 新华网</span> </div> </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
