下面是简单的写了下。复杂的话请联系我.282215036
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>右键菜单功能</title>
<style>
.menu {
z-index:990;
border-right: black 2px outset;
border-top: black 1px outset;
visibility: hidden;
background:#EEE;
border-left: black 1px solid;
width: 170px;
cursor: hand;
line-height: 20px;
padding-top: 2px;
border-bottom: black 2px solid;
position: absolute;
text-align: left;
font-size: 12px;
margin: 10px 0px 0px;
font-family: "宋体";
}
.menuitems {
padding-right: 1px;
padding-left: 10px;
padding-bottom: 2px;
padding-top: 2px;
}
</style>
<script>
function highlightie(evt, classItems) {
var event = evt || window.event;
var element = event.srcElement || event.target;
if (element.className == classItems) {
element.style.backgroundColor = "#336699";
element.style.outlineColor = "red";
element.style.color = "white";
}
}
function lowlightie(evt, classItems) {
var event = evt || window.event;
var element = event.srcElement || event.target;
if (element.className == classItems) {
element.style.backgroundColor = "";
element.style.color = "black";
}
}
var menuskin = "menu";
function showMenu() {
var dbcw = document.body.clientWidth, dbch = document.body.clientHeight;
var dbsl = document.body.scrollLeft, dbst = document.body.scrollTop;
var event=getEvent();
var rightedge = dbcw-event.clientX;
var bottomedge = dbch-event.clientY;
main_menu.style.display = "";
if (rightedge < main_menu.offsetWidth) {
main_menu.style.left = (dbcw >= main_menu.offsetWidth) ? (dbcw - main_menu.offsetWidth) : 0;
} else {
main_menu.style.left = dbsl + event.clientX;
}
if (bottomedge < main_menu.offsetHeight) {
main_menu.style.top = (dbch >= main_menu.offsetHeight) ? (dbch - main_menu.offsetHeight) : 0;
} else {
main_menu.style.top = dbst + event.clientY;
}
main_menu.style.visibility = "visible";
event.returnValue = false;
return false;
}
function getEvent() {
if (document.all) {
return window.event;
}
func=getEvent.caller;
while(func != null) {
var arg0=func.arguments[0];
if(arg0) {
if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
|| (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)) {
return arg0;
}
}
func=func.caller;
}
return null;
}
function hideAllMenu() {
main_menu.style.display = "none";
}
function $(id){
return document.getElementById(id);
}
function add() {
alert("小样,成功了!");
}
</script>
</head>
<body>
<div class="menu" id="main_menu" onmouseover="highlightie(event, 'menuitems');" onmouseout="lowlightie(event, 'menuitems');">
<div class="menuitems" onclick="add()"> 添加(点一下)</div>
<div class="menuitems"> 删除</div>
<hr />
<div class="menuitems"> 上移</div>
<div class="menuitems"> 下移</div>
</div>
<table width="2200" oncontextmenu="showMenu()";>
<tr>
<td width="180px"><input type="button" value="my name is xi pei" style="width:180px;"></td>
</tr>
</table>
</body>
<script>
var main_menu = $("main_menu");
main_menu.className = menuskin;
document.body.onclick = hideAllMenu;
</script>
</html>
分享到:
- 2009-06-10 17:56
- 浏览 1056
- 评论(2)
- 论坛回复 / 浏览 (2 / 5099)
- 查看更多
相关推荐
jquery右键菜单实现
js(javascript)右键菜单实现,js(javascript)右键菜单实现,js(javascript)右键菜单实现
jQueyr右键菜单实现
在"WPF分页DataGrid"中介绍了如何实现分页功能,本文中介绍如果实现右键菜单。点击菜单项Age,将Age列隐藏,再点击则显示;并实现移动列后,同步显示。 详见:...
C# ContextMenu 窗口右键菜单实现C# ContextMenu 窗口右键菜单实现
jQuery实现右键菜单 jQuery实现右键菜单 jQuery实现右键菜单 jQuery实现右键菜单 jQuery实现右键菜单
实现鼠标右键菜单,可以自己增加右键功能.
主要介绍了Vue中Table组件行内右键菜单实现方法,该项目是基于 vue + AntDesign的,具体实例代码给大家介绍的非常详细 ,需要的朋友可以参考下
Qt之列表视图右键菜单实现,同理其他继承于QAbstractItemView的视图窗口也可以进行右键菜单实现
echarts 右键菜单实例,不修改源码
Qt之列表视图右键菜单实现,同理其他继承于QAbstractItemView的视图窗口也可以进行右键菜单实现
通过Winfrom实现了右键菜单的功能,并且能够在选中右键弹出菜单选项后,自动将该选项勾选,代码其实就一句话,不想下载的话可以参考我的博客http://blog.csdn.net/my_clear_mind/article/details/79511174
本例用C++实现了在系统右键菜单中添加自定义菜单项和删除该自定义菜单项,内附源代码和可执行的release的exe文件。
TreeView 通过右键菜单 实现添加,删除,修改等操作 不会弹出其他窗体 全部通过TreeView本身的功能实现 里面只有一些类 最近发现有时会出现错误 但是还是可以参考一下
js实现右键菜单效果,测试可用(源代码)
Qt4透明Widget实现 右键菜单实现 小程序源码.
初学vb知之甚少,来大名鼎鼎的CSDN向高手们学习,急需积分故将自己认为还算有用的资料传上。
使用高德地图js-api实现绘制圆形、矩形、多边形;右键可删除可自定义菜单;
DotNetBar的tabControl标签页要是实现右键菜单