ASP.NET中奇怪的IE自定义右键菜单问题,请高手解答!!

我在网上下了一个IE自定义右键菜单的JS代码menu0.js
// JavaScript Document

var strMenu = "<div id=\"menu\" class=\"clsMenu\" onMouseover=\"highlight()\" onMouseout=\"lowlight()\">"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:history.back()\">·µ»Ø</div>"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:history.forward()\">Ç°½ø</div>"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.reload()\">Ë¢ÐÂ</div>"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:print()\">´òÓ¡</div>"

strMenu += "<hr color=#999999 size=1>"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.href='index.html'\">ÏµÍ³Ê×Ò³</div>"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.href='map.html'\">ÏµÍ³°ïÖú</div>"
//strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.href='feedback.html'\">D??¡é¡¤¡ä¨¤?</div>"
//strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.href='job.html'\">3???¨®¡é2?</a></div>"

strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.href='mailto:scutde@21cn.com'\">ÁªÏµÎÒÃÇ</a></div>"
strMenu += "<div class=\"menuitems\" onClick=\"javascript:location.href='law.html'\">ÍË³öÏµÍ³</a></div>"
strMenu += "</div>"

function ie() {
if (navigator.appName=="Microsoft Internet Explorer") {
return true;
} else {
return false;
}}

function showmenu(){
if (ie()){

var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<menu.offsetWidth)
menu.style.left=document.body.scrollLeft+event.clientX-menu.offsetWidth
else

menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<menu.offsetHeight)
menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
else
menu.style.top=document.body.scrollTop+event.clientY

menu.style.visibility="visible"
}
return false
}

function hidemenu(){
if (ie()) menu.style.visibility="hidden"
}

function highlight(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="#FFD112"
event.srcElement.style.color="#000000"
}}

function lowlight(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="menutext"
}}

if (ie()) document.write (strMenu);
document.oncontextmenu= showmenu
document.body.onclick= hidemenu

在如下一个HTML文件中调用,能正常显示并工作:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE></TITLE><LINK
href="main.css" type=text/css rel=stylesheet>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.3790.2817" name=GENERATOR></HEAD>
<BODY>
<SCRIPT language=JavaScript src="menu0.js">
</SCRIPT>
</BODY></HTML>

main.css文件如下:
INPUT {
BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; FONT-FAMILY: ËÎÌå, Arial, Helvetica; HEIGHT: 18px; BACKGROUND-COLOR: #b0b2a2; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
}
BODY {
SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCROLLBAR-TRACK-COLOR: #eeeeee; SCROLLBAR-DARKSHADOW-COLOR: buttonshadow; font-color: #000066
}
.p10 {
FONT-SIZE: 10.5pt
}
.p9 {
FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; LINE-HEIGHT: 150%; PADDING-TOP: 5px
}
.text {
FONT-SIZE: 9pt; FILTER: DropShadow(Color=#f5f5f5, OffX=1, OffY=1, Positive=1)
}
TD.menu {
BACKGROUND: #7d86aa
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 150%
}
.clsMenu {
BORDER-RIGHT: buttonhighlight 1px outset; BORDER-TOP: buttonhighlight 1px outset; VISIBILITY: hidden; BORDER-LEFT: buttonhighlight 1px outset; WIDTH: 100px; CURSOR: default; COLOR: #000000; BORDER-BOTTOM: buttonhighlight 1px outset; POSITION: absolute; BACKGROUND-COLOR: #f5f5f5
}
.menuitems {
PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px
}
.form1 {
FONT-SIZE: 9pt; BORDER-BOTTOM: #cccccc 1px solid
}
.form2 {
FONT-SIZE: 9pt; BORDER-BOTTOM: #999999 1px solid
}
.form3 {
BORDER-RIGHT: #999999 1px solid; FONT-SIZE: 9pt
}
.form4 {
BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; BORDER-BOTTOM: #cccccc 1px solid
}
.form5 {
BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt
}
.form6 {
FONT-SIZE: 10.5pt; BORDER-BOTTOM: #999999 1px solid
}
.IN {
BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; FONT-FAMILY: ËÎÌå, Arial, Helvetica; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
}
.form {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: white
}

可是不知道为什么我一放到aspx页面中照上面的方式调用就不能正常显示了
郁闷啊

不知道我讲清楚没
请高手们解答一下
帮帮偶..
在此感谢大家了

4 个解决方案

#1

有错误还是效果出不来？

#2

菜单是出来了,但全部是乱码
而且原来鼠标移到某菜单项上会高亮显示的,现在变成了整个菜单全部高亮,而且不停闪烁
不知道什么原因

有没有人在asp.net程序的页面上做过自定义右键菜单啊?

#3

奇怪的问题，帮顶

#4

已解决
谢谢各位的关注

我把这些代码copy到在VS2005里建的相应的文件中然后就可以了
不能直接调用DW中建立的文件

#1

有错误还是效果出不来？

#2

#3

奇怪的问题，帮顶

#4

已解决
谢谢各位的关注

我把这些代码copy到在VS2005里建的相应的文件中然后就可以了
不能直接调用DW中建立的文件

秒客网

ASP.NET中奇怪的IE自定义右键菜单问题,请高手解答!!

4 个解决方案

#1

#2

#3

#4

#1

#2

#3

#4

相关文章