网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.Javascript中的布尔讨论.
.一段貌似简单的JavaScript.
.经典正则表达式 (收藏整理).
.JAVASCRIPT 贪吃蛇.
.如何制作浮动广告.
.比较高效的表格行背景变色及选定.
.Javascript中的||运算符.
.限制文本字节数的JS源代码程序.
.如何用javascript防止连打(双击.
.javascript中replace()用法详解.
.Javascript控制文本框的输入法切.
.网页中Javascript代码的应用方式.
.JS对HTML标签select的操作.
.Firefox浏览器兼容JS脚本供参考.
.Javascript实例教程(19) 使用HoT.
.制作仿“QQ秀”的虚拟形象.
.JavaScript中的JSON.
.JavaScript学习笔记 3-框架.
.javascript实现datagrid客户端ch.
.在IE浏览器中正确显示PNG透明图片.

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

发表日期:2006-8-7


代码如下:

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

上一篇:如何利用IE进行JavaScript脚本调试 人气:16021
下一篇:JavaScript常用检测脚本 人气:15535
浏览全部JavaScript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐