web 页面右键菜单
来源:互联网 发布:ks线切割编程破解版 编辑:程序博客网 时间:2024/04/29 03:11
<style type="text/css">
.menubox_active {
background-color: #ccc;
border: 1px solid #ddd;
margin: 0px;
padding: 0px;
width: 200px;
font-weight: bold;
font-size: larger;
list-style: none;
}
.menubox_active li {
padding-left: 10px;
line-height: 25px;
}
.menubox_active li:hover {
background-color: #c0c0FF
}
a:link {
color: #000;
}
a:visited {
color: blue;
}
a:hover {
color: #FF7400;
}
a:active {
color: #F7A300;
}
</style>
<script type="text/javascript">
window.onload = function() {
var ull = document.getElementById("ull");
ull.style.display = "none";
//设置右键菜单可见,并根据鼠标点击位置出现
document.getElementById('div1').oncontextmenu = function(event) {
event = window.event ? window.event : event;
ull.className = "menubox_active";
ull.style.display = "block"
ull.style.position = "absolute";
ull.style.left = (event.clientX ? event.clientX : event.X) + "px";
ull.style.top = (event.clientY ? event.clientY : event.Y)+ "px";
return false;
};
//取消鼠标右键弹出菜单的可见性
document.onmousedown = function() {
ull.style.display = "none"
};
}
</script>
</head>
<body>
<h1>测试DOM结点操作</h1>
<div id="div1" style="width: 200px; height: 200px; border: solid 1px blue"></div>
<ul id="ull" class="menubox">
<li>
<a href="http://baidu.com">baidu</a>
</li>
<li>
<a href="#">#####</a>
</li>
</ul>
</body>
- web 页面右键菜单
- WEB页面屏蔽IE右键菜单
- 实现Web页面上的右键快捷菜单
- web页面屏蔽右键菜单 左键选取
- web.右键菜单.随笔
- html页面右键菜单禁用
- html页面右键菜单禁用
- 使用javascript屏蔽web页面上特定按键事件和右键菜单
- web页面添加右键事件
- web页面屏蔽鼠标右键
- js+css实现页面右键菜单
- 网站页面屏蔽右键菜单的做法
- 屏蔽页面右键菜单的方法
- Web 页面的菜单
- WEB开发中的右键自定义菜单
- WEB页右键菜单的实现
- Web右键菜单jquery插件smartMenu
- 禁用页面及页面所有frame内的右键菜单
- 有名的博客网站
- IIS6.0无法打开asp解决方案
- GWT的第一个简单例子
- 关于Thin Plate Spline (薄板样条函数)
- linux命令后台运行
- web 页面右键菜单
- 第一个静态登录页面
- 软件界面草图设计工具 mockupBuilder
- Linux Socket Programming by Example-第一章读书笔记
- spring mvc helloworld
- Jackson 框架,轻易转换JSON
- Warensoft Unity3D UnityHttpClient类实现Http通信
- MYSQL比较生僻的几种SQL
- coredata理解