笨鸟先飞|网络学院:教程,资料,技巧,应用.

www.itfly.org

您正在浏览: 主页>网页制作>JavaScript>
  文章搜索

  热点文章

用Javascript实现鼠标拖拽网页表

JS实现浏览器菜单命令

全面理解javascript的caller,cal

Email地址加密javascript版

用Javascript实现评估用户输入ad

JavaScript幻灯片效果

利用Ajax传递Xml文档

如何利用IE进行JavaScript脚本调

JavaScript常用检测脚本

js入门实例の构造函数\方法的定

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

来源:    作者:    时间:1970-01-01    字体:[ ]

代码如下:

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

www.itfly.org