IDC资讯中心 代码如下： <!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>
用popup对象构建网页右键菜单_javascript教程
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com 特别注意：本站所有转载文章言论不代表本站观点！ 本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。未经允许不得转载：IDC资讯中心 » 用popup对象构建网页右键菜单_javascript教程
