为什么我的右键菜单不能正确显示

luckyforme 2006-08-31 05:30:59
我有一个menu.css文件
.menu{
cursor:default;
color:menutext;
position:absolute;
width:165px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems{
font-size:12px;
color:#000000;
padding-left:20px;
padding-right:10px;
line-height:18px;
}
还有一个menu.js
var strMenu="<div id=\"menu\"class=\"clsMenu\"onMouseover=\"highlight()\"onMouseout=\"lowlight()\">"
strMenu+="<div class=\"menuitems\"onCLick=\"this.style.behavior='url(#default#homepage)';this.setHomePage('http://www36.websamba.com/Myloading/');\">设置为首页</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javascript:window.external.Addfavorite('http://www36.websamba.com/Myloading/','载梦乐园')\">加入收藏夹</div>"
strMenu+="<hr>"
strMenu+="<div class=\"menuitems\"onCLick=\"javascript:location.href='http//www36.websamba.com/Myloading/'\">网站首页</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http//www36.websamba.com/Myloading/'\">网页制作专区</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http//www36.websamba.com/Myloading/'\">载梦作品</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http//www36.websamba.com/Myloading/'\">载梦日记</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http//www36.websamba.com/Myloading/'\">给我留言</div>"
strMenu+="<hr>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http//www36.websamba.com/Myloading/'\">载梦小屋</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='mailto:xiaobo035@163.com'\">给我留言</a></div>"
strMenu+="<hr>"
strMenu+="<div class=\"menuitems\"onclick='window.location=\"view-source:\"+window.location.href'>查看源文件</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="highlight"
event.srcElement.style.color="highlighttext"
}
}
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
加入到网页后，去不正常显示菜单，里面的菜单点了也没有效果，没有在我我点的地方显示菜单，宽度也不对，请高手指点一下，我的代码是哪里错了?
...全文
117 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
luckyforme 2006-08-31
  • 打赏
  • 举报
 回复
9999
luckyforme 2006-08-31
  • 打赏
  • 举报
 回复
有没有人帮我看看吗，谢谢
luckyforme 2006-08-31
  • 打赏
  • 举报
 回复
还是不行啊，菜单这么宽啊，不太对，还有，查看源文件也不行
lantersen 2006-08-31
  • 打赏
  • 举报
 回复
另外把JS最后两行注释,这样右键就可用了,
//document.oncontextmenu=showmenu
//document.body.onclick=hidemenu
lantersen 2006-08-31
  • 打赏
  • 举报
 回复
是你的笔误,http://写成了http//,你再试试下面的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="content-type" content="text/html" charset="gb2312">
<link rel="stylesheet" type="text/css" href="">
<script type="text/javascript" src=""></script>
<script language="javascript" type="text/javascript">
var strMenu="<div id=\"menu\"class=\"clsMenu\"onMouseover=\"highlight()\"onMouseout=\"lowlight()\">"
strMenu+="<div class=\"menuitems\"onCLick=\"this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www36.websamba.com/Myloading/');\">设置为首页< /div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javascript:window.external.Addfavorite('http: //www36.websamba.com/Myloading/','载梦乐园')\">加入收藏夹</div>"
strMenu+="<hr>"
strMenu+="<div class=\"menuitems\"onCLick=\"javascript:window.location.href='http://www.163.com' \">网站163首页</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http://www36.websamba.com/Myloading/' \">网页制作专区</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http://www36.websamba.com/Myloading/' \">载梦作品</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http://www36.websamba.com/Myloading/' \">载梦日记</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http://www36.websamba.com/Myloading/' \">给我留言</div>"
strMenu+="<hr>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='http://www36.websamba.com/Myloading/' \">载梦小屋</div>"
strMenu+="<div class=\"menuitems\"onCLick=\"javacript:location.href='mailto:xiaobo035@163.com' \">给我留言</a></div>"
strMenu+="<hr>"
strMenu+="<div class=\"menuitems\"onclick='window.location=\"view-source:\"+window.location.href'> 查看源文件</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="highlight"
event.srcElement.style.color="highlighttext"
}
}
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
</script>
<style type="text/css">
.menu{
cursor:default;
color:menutext;
position:absolute;
width:165px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems{
font-size:12px;
color:#000000;
padding-left:20px;
padding-right:10px;
line-height:18px;
}
</style>
</HEAD>

<BODY>

</BODY>
</HTML>
luckyforme 2006-08-31
  • 打赏
  • 举报
 回复
有没有人帮看看，在线等
PythonGUI视频day1
清华学霸.尹成大神PythonGUI视频day1 1复习tkinter简单 2简介python3的tkinter代码 3HelloWorld实现 4非继承的风格 5Wxpython的按钮...11用户提示框 12实现菜单 13下拉菜单绑定事件 14右键菜单 15控制窗体 16多选与单选
Vue3 - 超详细自定义浏览器右键菜单功能，在指定容器元素上屏蔽浏览器右键并弹出自定义的右键菜单功能（支持在 “任意容器“ 内弹出、自动计算弹出位置、可多级菜单、禁用菜单等功能）
vue3右键菜单，vue3自定义...vue3右键菜单插件，vue3页面把右键菜单屏蔽用自己的组件菜单，vue3点击右键出现自定义操作菜单，vue3单击鼠标右键显示自定义下拉菜单，vue3.x框架中怎么实现右键菜单的效果，vue3实现自定义
关于SVN右键菜单不显示问题
关于SVN右键菜单不显示问题 在安装SVN后右键发现没有SVN菜单，通过各种查找，基本上都是新安装后，在settings里配置正确，但右击还是未显示，进过多次尝试，发现首先需要如下图设置，然后再建一个空白文件夹按住...
Win10如何自定义右键菜单-修改注册表（图文）
我研究这个是因为发现右键菜单在安装了一下软件后，越来越臃肿，有用的没用的菜单项都被塞进去了，于是自己动手给菜单瘦个身。这里首先警告一句：下面操作全部涉及到修改注册表，看见不认识，不确定的注册表项，别手...
Ｃ#　窗体中的右键不显示
右键菜单是我们经常会用到的，今天在做右键菜单的时候遇到了一个问题：拉了一个...,,,所有的工作做好之后我们应该将要显示右键菜单的控件的ContextMenuStrip属性设置成你的ContextMenuStrip，这样才能正确的显示
JavaScript

87,909

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章