js - 用Popup对象构建网页右键菜单
2006-08-06 16:15
309 查看
<!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.ydbl.cn"'>
运动部落</span>
</div>
<div onmouseover="this.style.background='gold'"
onmouseout="this.style.background='#e4e4e4'"
<span onclick="parent.location.href='http://fxjun.cnblogs.com'">
FreeSpread博客</span>
</div>
</div>
</body>
</html>
<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.ydbl.cn"'>
运动部落</span>
</div>
<div onmouseover="this.style.background='gold'"
onmouseout="this.style.background='#e4e4e4'"
<span onclick="parent.location.href='http://fxjun.cnblogs.com'">
FreeSpread博客</span>
</div>
</div>
</body>
</html>
相关文章推荐
- 用Popup对象构建网页右键菜单
- 用Popup对象构建网页右键菜单
- 用Popup对象构建自定义的网页右键菜单
- dtree 网页树状菜单及传递对象集合到js内,动态生成节点
- JS实现兼容性好,带缓冲的动感网页右键菜单效果
- 用js实现网页上模仿桌面右键菜单
- JS仿Windows的右键菜单_网页代码站(www.webdm.cn)
- dtree 网页树状菜单及传递对象集合到js内,动态生成节点
- dtree 网页树状菜单及传递对象集合到js内,动态生成节点
- JS实现仿Windows7风格的网页右键菜单效果代码
- js 右键菜单,支持不同对象不同菜单(兼容IE、Firefox)
- 用js实现网页上模仿桌面右键菜单
- JS实现兼容性好,带缓冲的动感网页右键菜单效果
- js 右键菜单,支持不同对象不同菜单(兼容IE、Firefox)
- Popup对象实现右键菜单
- Js实现网页禁止右键菜单与防止复制内容另存网页
- JS实现简易网页右键菜单
- 【荐】JS+CSS实现兼容好带缓冲的动感网页右键菜单
- Popup对象实现右键菜单
- js实现完全自定义可带多级目录的网页鼠标右键菜单方法