设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> 心得技巧 >> 用Popup对象构建网页右键菜单
精品推荐
心得技巧点击TOP10
·初学者入门:如何学习网页制作?
·网页自动转向代码
·Google Maps API 简易使用文件
·关于网页代码加密解密保护
·实现浏览器全屏窗口的几种方法
·javascript控制cookies及在跳出本页给出提示,是否放弃操作!
·用XML+JSP实现网页内容动态显示的方案
·网页屏蔽(左右键,代码等)的非JS方法
·网页设计之css+div PK table+css
·如何做才能成为一名优秀的网页设计师
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·DIV CSS网页布局实例解析:实现表格形式
·JS表格排序新法
精选专题

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

作者: 来源:http://www.xgdown.com/ 时间:2006-9-23 9:09:41

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

代码如下:

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

共2页 9 7 [1] [28 :>

用Popup对象构建网页右键菜单 相关文章:
用Popup对象构建网页右键菜单 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com