新客网WWW.XKER.COM:致力做中国最专业的网络学院!
学院: 操作系统 - 网络应用 - 服务器 - 网络安全 - 工具软件 - 办公软件 - Web开发 - 数据库 - 网页设计 - 图形图像 - 媒体动画 - 硬件学堂 - 存储频道 - QQ专区
您的位置：首页 > 软件开发 > .Net开发 > Asp.net教程 > 正文：用Popup对象构建网页右键菜单

用Popup对象构建网页右键菜单

新客网 XKER.COM 2006-08-07 来源： 收藏本文

代码如下：

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

【收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭】
发表评论
（要记得去论坛讨论，点击注册新会员） 匿名评论
评论内容：不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。
阅读排行
专题教程
随机推荐
实用信息推荐