一个超级疑惑的js问题 不把代码贴出来,谁知道你说的什么 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 怎么??都看不懂吗??就是:有2个页面:one is empty,the other one have a picture在空白页面上我实现了右键菜单(该效果理想),在有图片的页面上(该图片是通过C#实现的的一个网状折线图)我也想实现相同的右键菜单,也就是右击该图片后出现菜单,我想右击该图片后出现和空白页面的右键菜单一样的效果该怎么实现??2个页面的js 代码完全是一样的,区别就在于一个有C#代码,一个没有C#代码,不清楚为什么??js代码如下:<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="TestChartGraph.WebForm2" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <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:80px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/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表示事件来自对象表示的链接URLif (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().textif (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><div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"><!--此处的url该怎么来描述??--><div class="menuitems" url="javascript:history.back();">Grid</div><div class="menuitems" url="javascript:history.forward();">Show All</div><div class="menuitems" url="javascript:history.forward();">Set Scale</div><!--<div class="menuitems" url="http://www.webjx.com/" target="_blank">网页教学</div><div class="menuitems" url="http://www.webjx.com/htmldata/sort/4.html" target="_blank">动画制作</div><div class="menuitems" url="http://www.webjx.com/htmldata/sort/6.html" target="_blank">网络编程</div><div class="menuitems" url="http://www.webjx.com/htmldata/sort/8.html" target="_blank">网页素材</div>--></body></html><script language="JavaScript1.2">//如果当前浏览器是Internet Explorer,document.all就返回真if (document.all && window.print) {//选择菜单方块的显示样式ie5menu.className = menuskin;//重定向鼠标右键事件的处理过程为自定义程序showmenuie5document.oncontextmenu = showmenuie5;//重定向鼠标左键事件的处理过程为自定义程序hidemenuie5document.body.onclick = hidemenuie5;}</script> 哎,代码贴出来还是没有人晓得....郁闷 lz说的两个结果不同,是啥样的- -? description:xml reffers to not existing parent showModelDialog使用疑惑 如何实现树状目录? javascript 可以脱离html使用吗? inline和inline-block form子对象有几种表示方法??? 关于克隆数组或者对像的问题 请教颜色值想加 用javascript链接打开文件错误,急, 参数 为何文本框contact_subject和contact_details无法获得焦点? 用js添加html元素问题
在空白页面上我实现了右键菜单(该效果理想),在有图片的页面上(该图片是通过C#实现的的一个网状折线图)我也想实现相同的右键菜单,也就是右击该图片后出现菜单,我想右击该图片后出现和空白页面的右键菜单一样的效果该怎么实现??2个页面的js 代码完全是一样的,区别就在于一个有C#代码,一个没有C#代码,不清楚为什么??js代码如下:<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="TestChartGraph.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <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:80px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/
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>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"><!--
此处的url该怎么来描述??
-->
<div class="menuitems" url="javascript:history.back();">Grid</div>
<div class="menuitems" url="javascript:history.forward();">Show All</div>
<div class="menuitems" url="javascript:history.forward();">Set Scale</div><!--
<div class="menuitems" url="http://www.webjx.com/" target="_blank">网页教学</div>
<div class="menuitems" url="http://www.webjx.com/htmldata/sort/4.html" target="_blank">动画制作</div>
<div class="menuitems" url="http://www.webjx.com/htmldata/sort/6.html" target="_blank">网络编程</div>
<div class="menuitems" url="http://www.webjx.com/htmldata/sort/8.html" target="_blank">网页素材</div>
-->
</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>