JS技术

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

字号+ 作者: 来源:    2014-11-17 20:00 我要评论( )

用Popup对象构建网页右键菜单,阅读用Popup对象构建网页右键菜单,代码如下: !DOCTYPE HTML PUBLIC

代码如下:

   <!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=">
    中关村在线</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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 学习JavaScript之this,call,apply

    学习JavaScript之this,call,apply

    2016-01-28 20:45

  • 零基础入门学习Python(10):函数 - qq_33256568的博客 - 博客频道 - CSDN.NET qq_3

    零基础入门学习Python(10):函数 - qq_33256568的博客 - 博客频道

    2015-12-15 09:04

  • 【JavaScript.2】辨析Typeof操作符作用,罗列JS五大数据类型阵容 - 孟东辉 廊坊师范学院信息技术提高班

    【JavaScript.2】辨析Typeof操作符作用,罗列JS五大数据类型阵容 -

    2015-12-15 09:00

  • 图像处理中的数学原理详解19——函数的极限 - 白马负金羁的专栏 - 博客频道 - CSDN.NET 白马负金羁的专栏

    图像处理中的数学原理详解19——函数的极限 - 白马负金羁的专栏 - 博

    2015-12-14 19:00

网友点评
<