web 鼠标右键菜单问题 请问web 鼠标右键菜单怎么做啊,类似window的那种,比如对gridview 点击右键,出现快捷操作方式 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 contextmenu="javascript:函数"在函数里面做菜单 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>超酷网页右键菜单</title> <style> body { font-family: "宋体"; font-size: 12px; margin-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; } /*定义菜单方框的样式1*/ .skin0 { position:absolute; padding-top:4px; text-align:left; width:100px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/ border:2px solid black; background-color:menu; /*菜单的背景颜色方案,这里选择了系统默认的菜单颜色*/ font-family:"宋体"; line-height:20px; cursor:default; visibility:hidden; /*初始时,设置为不可见*/ } /*定义菜单方框的样式2*/ .skin1 { padding-top:4px; cursor:default; font:menutext; position:absolute; text-align:left; font-family: "宋体"; font-size: 10pt; width:100px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/ background-color:menu; /*菜单的背景颜色方案,这里选择了系统默认的菜单颜色*/ border:1 solid buttonface; visibility:hidden; /*初始时,设置为不可见*/ border:2 outset buttonhighlight; } /*定义菜单条的显示样式*/ .menuitems { padding:2px 1px 2px 10px; } --> </style> <script language="javascript"> <!-- //定义菜单显示的外观,可以从上面定义的2种格式中选择其一 var menuskin = "skin1"; //是否在浏览器窗口的状态行中显示菜单项目条对应的链接字符串 var display_url = 0; function showmenuie5() { //获取当前鼠标右键按下后的位置,据此定义菜单显示的位置 var rightedge = document.body.clientWidth-event.clientX; var bottomedge = document.body.clientHeight-event.clientY; //如果从鼠标位置到窗口右边的空间小于菜单的宽度,就定位菜单的左坐标(Left)为当前鼠标位置向左一个菜单宽度 if (rightedge <ie5menu.offsetWidth) ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth; else //否则,就定位菜单的左坐标为当前鼠标位置 ie5menu.style.left = document.body.scrollLeft + event.clientX; //如果从鼠标位置到窗口下边的空间小于菜单的高度,就定位菜单的上坐标(Top)为当前鼠标位置向上一个菜单高度 if (bottomedge <ie5menu.offsetHeight) ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight; else //否则,就定位菜单的上坐标为当前鼠标位置 ie5menu.style.top = document.body.scrollTop + event.clientY; //设置菜单可见 ie5menu.style.visibility = "visible"; return false; } function hidemenuie5() { //隐藏菜单 //很简单,设置visibility为hidden就OK! ie5menu.style.visibility = "hidden"; } function highlightie5() { //高亮度鼠标经过的菜单条项目 //如果鼠标经过的对象是menuitems,就重新设置背景色与前景色 //event.srcElement.className表示事件来自对象的名称,必须首先判断这个值,这很重要! if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = "highlight"; event.srcElement.style.color = "white"; //将链接信息显示到状态行 //event.srcElement.url表示事件来自对象表示的链接URL if (display_url) window.status = event.srcElement.url; } } function lowlightie5() { //恢复菜单条项目的正常显示 if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = ""; event.srcElement.style.color = "black"; window.status = ""; } } //右键下拉菜单功能跳转 function jumptoie5() { //转到新的链接位置 var seltext=window.document.selection.createRange().text if (event.srcElement.className == "menuitems") { //如果存在打开链接的目标窗口,就在那个窗口中打开链接 if (event.srcElement.getAttribute("target") != null) window.open(event.srcElement.url, event.srcElement.getAttribute("target")); else //否则,在当前窗口打开链接 window.location = event.srcElement.url; } } //--> </script> </head> <body> <table oncontextmenu = "event.returnValue=false" width=100 height=100><tr><td onmousedown="showmenuie5()">sddddddddd</td></tr></table><center> <p>点击右键看看效果</p> </center> <table onselectstart="return false" id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> <tr><td class="menuitems" url="javascript:history.back();">后退</td> </tr><tr><td class="menuitems" url="javascript:history.forward();">前进 </td> </tr><tr><td><hr> </td> </tr><tr><td class="menuitems" url="http://down.c06.net/" target="_blank">软件下载</td> </tr> <tr><td class="menuitems" url="http://s.c06.net/" target="_blank">六世搜索</td> </tr><tr><td class="menuitems" url="http://site.c06.net" target="_blank">网址大全 </td> </tr><tr><td><hr> </td> </tr><tr><td class="menuitems" url="alert('六世软件下载站 http://down.c06.net');" target="_blank">关于本站</td> </tr> <tr><td class="menuitems" url="mailto:[email protected]">联系我们</td> </tr></table> </body> </html> <script language="JavaScript1.2"> //如果当前浏览器是Internet Explorer,document.all就返回真 if (document.all && window.print) { //选择菜单方块的显示样式 ie5menu.className = menuskin; //重定向鼠标右键事件的处理过程为自定义程序showmenuie5 //document.oncontextmenu = showmenuie5; //重定向鼠标左键事件的处理过程为自定义程序hidemenuie5 document.body.onclick = hidemenuie5; } </script> 在母版中使用FindControl的问题 谈一下,针对接口编程的好处 求像www.3721.com那样能拖动板块的实现或例子 怎样实现点击datagrid按钮列中按钮时,在名称为C的框架中打开test.aspx. javascript的也面转向时,怎样传送变量值?? 如何从子窗口返回值到父窗口?(解决马上给分) 关于字段绑定到Label的问题? 我想从找出Datatable 中某一列的最大值,怎么办呢? 跟着微软走。没错·!同意的顶起 没分的哦 水晶报表如何控制每页的行数??? 返回接口列表!!! 散分~帮我看下:为什么这个分页存储过程加了排序依据后就不能分页了?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>超酷网页右键菜单</title>
<style>
body {
font-family: "宋体";
font-size: 12px;
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
/*定义菜单方框的样式1*/
.skin0 {
position:absolute;
padding-top:4px;
text-align:left;
width:100px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/
border:2px solid black;
background-color:menu; /*菜单的背景颜色方案,这里选择了系统默认的菜单颜色*/
font-family:"宋体";
line-height:20px;
cursor:default;
visibility:hidden; /*初始时,设置为不可见*/
}
/*定义菜单方框的样式2*/
.skin1 {
padding-top:4px;
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: "宋体";
font-size: 10pt;
width:100px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/
background-color:menu; /*菜单的背景颜色方案,这里选择了系统默认的菜单颜色*/
border:1 solid buttonface;
visibility:hidden; /*初始时,设置为不可见*/
border:2 outset buttonhighlight;
} /*定义菜单条的显示样式*/
.menuitems {
padding:2px 1px 2px 10px;
}
-->
</style>
<script language="javascript">
<!--
//定义菜单显示的外观,可以从上面定义的2种格式中选择其一
var menuskin = "skin1";
//是否在浏览器窗口的状态行中显示菜单项目条对应的链接字符串
var display_url = 0; function showmenuie5() {
//获取当前鼠标右键按下后的位置,据此定义菜单显示的位置
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY; //如果从鼠标位置到窗口右边的空间小于菜单的宽度,就定位菜单的左坐标(Left)为当前鼠标位置向左一个菜单宽度
if (rightedge <ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
//否则,就定位菜单的左坐标为当前鼠标位置
ie5menu.style.left = document.body.scrollLeft + event.clientX; //如果从鼠标位置到窗口下边的空间小于菜单的高度,就定位菜单的上坐标(Top)为当前鼠标位置向上一个菜单高度
if (bottomedge <ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
//否则,就定位菜单的上坐标为当前鼠标位置
ie5menu.style.top = document.body.scrollTop + event.clientY; //设置菜单可见
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
//隐藏菜单
//很简单,设置visibility为hidden就OK!
ie5menu.style.visibility = "hidden";
} function highlightie5() {
//高亮度鼠标经过的菜单条项目 //如果鼠标经过的对象是menuitems,就重新设置背景色与前景色
//event.srcElement.className表示事件来自对象的名称,必须首先判断这个值,这很重要!
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white"; //将链接信息显示到状态行
//event.srcElement.url表示事件来自对象表示的链接URL
if (display_url)
window.status = event.srcElement.url;
}
} function lowlightie5() {
//恢复菜单条项目的正常显示 if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
} //右键下拉菜单功能跳转
function jumptoie5() {
//转到新的链接位置
var seltext=window.document.selection.createRange().text if (event.srcElement.className == "menuitems") {
//如果存在打开链接的目标窗口,就在那个窗口中打开链接
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
//否则,在当前窗口打开链接
window.location = event.srcElement.url;
}
}
//-->
</script>
</head> <body> <table oncontextmenu = "event.returnValue=false" width=100 height=100><tr><td onmousedown="showmenuie5()">sddddddddd</td></tr></table>
<center>
<p>点击右键看看效果
</p>
</center>
<table onselectstart="return false" id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> <tr>
<td class="menuitems" url="javascript:history.back();">后退</td> </tr>
<tr>
<td class="menuitems" url="javascript:history.forward();">前进 </td> </tr>
<tr>
<td><hr> </td> </tr>
<tr>
<td class="menuitems" url="http://down.c06.net/" target="_blank">软件下载</td> </tr>
<tr>
<td class="menuitems" url="http://s.c06.net/" target="_blank">六世搜索</td> </tr>
<tr>
<td class="menuitems" url="http://site.c06.net" target="_blank">网址大全 </td> </tr>
<tr>
<td><hr> </td> </tr>
<tr>
<td class="menuitems" url="alert('六世软件下载站 http://down.c06.net');" target="_blank">关于本站</td> </tr>
<tr>
<td class="menuitems" url="mailto:[email protected]">联系我们</td> </tr>
</table>
</body>
</html>
<script language="JavaScript1.2">
//如果当前浏览器是Internet Explorer,document.all就返回真
if (document.all && window.print) { //选择菜单方块的显示样式
ie5menu.className = menuskin; //重定向鼠标右键事件的处理过程为自定义程序showmenuie5
//document.oncontextmenu = showmenuie5; //重定向鼠标左键事件的处理过程为自定义程序hidemenuie5
document.body.onclick = hidemenuie5;
}
</script>