杨应红的WEB技术文档
WEB相关技术
 

代码如下:

   <!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>

第二种方法是利用Dreamweaver的一个插件——Right_Click_Menu_Builder,可以在www.macromedia.com下载得到。安装后,可在Dreamweaver“Command”菜单的下面找到“Right Click Menu Builder”命令。

posted on 2006-11-26 14:57  落尘  阅读(101)  评论(0)    收藏  举报