社区
JavaScript
帖子详情
怎么样自定义鼠标右键菜单
wxq4100798
2004-11-30 12:54:34
如题
...全文
483
6
打赏
收藏
怎么样自定义鼠标右键菜单
如题
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
kakalong
2004-11-30
打赏
举报
回复
<html>
<script>
function c(css)
{ie5menu.className=css;}
function link(act,txt)
{document.write("<div class=link onMouseOver=this.className='overlink' onMouseOut=this.className='link' style='padding-left:16;padding-top:1;padding-bottom:1' onclick="+act+">"+txt+"</div>")}
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX-100
var bottomedge=document.body.clientHeight-event.clientY-25
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth;
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
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(){
ie5menu.style.visibility="hidden"}
function pop(win){
window.open(win,'','')}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>右键菜单-51windows.com-www.51windows.Net</title>
<style>
<!--
body{font-family:Verdana,宋体;font-size:9pt;color:#ffffff;cursor:default}
table,TD,DIV{font-family:宋体;font-size:9pt;cursor:default}
A{text-decoration: none;color:#ffffff}
.yellow {
BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00
}
.blue {
BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5
}
.green {
BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000
}
.menu {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; COLOR: #000080; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #d8d8d0
}
.menu1 {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994
}
.blue1 {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff
}
.black {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000
}
.up{ background-color: #3A6EA5; border-left: 2 solid #A6C1DF;border-right: 2 solid #002200; border-top: 2 solid #A6C1DF; border-bottom: 2 solid #002200 }
.link{font-family:宋体}
.overlink{background-color:highlight;color:highlighttext;font-family:宋体;cursor:default}
-->
</style>
</head>
<body bgcolor="#568EC7">
请点右键,您可以选择样式!
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD class=menu onclick='c("menu")' align=middle width=50>灰</TD>
<TD class=green onclick='c("green")' align=middle width=50>绿</TD>
<TD class=blue onclick='c("blue")' align=middle width=50>蓝</TD>
<TD class=yellow onclick='c("yellow")' align=middle width=50>黄</TD>
<TD class=menu1 onclick='c("menu1")' align=middle width=50>灰1</TD>
<TD class=blue1 onclick='c("blue1")' align=middle width=50>浅蓝</TD>
<TD class=black onclick='c("black")' align=middle width=50>黑</TD>
<TD align=middle
width=50></TD></TR></TBODY></TABLE></CENTER></DIV>
<div id=ie5menu class=up style="text-align: left;position: absolute; visibility: hidden; width: 85px; z-index: 200;padding:1px">
<script>
link('pop("http://www.blueidea.com")','蓝色理想');
link('pop("http://www.51windows.net")','无忧视窗');
link('pop("http://www.51js.com")','无忧脚本');
link('pop("http://www.hongen.com")','洪恩在线');
</script></div>
<SCRIPT language=JavaScript>
if (document.all&&window.print){
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5}
</SCRIPT>
</body>
</html>
ppq886
2004-11-30
打赏
举报
回复
mark
xiaojiandao
2004-11-30
打赏
举报
回复
mark
alianasia
2004-11-30
打赏
举报
回复
UP
micker
2004-11-30
打赏
举报
回复
<body oncontextmenu="yourMenu()">
lienzhu
2004-11-30
打赏
举报
回复
<body oncontextmenu="showmenu()">
showmenu()控制你设计的菜单显示
开发过程优化·
自定义
鼠标
右键
菜单
文章“开发过程优化·
自定义
鼠标
右键
菜单
”中的项目代码
自定义
鼠标
右键
菜单
背景图片工具
鼠标
右键
菜单
太难看?这个小工具可以让您
自定义
您的
鼠标
右键
背景,快把自己喜欢的图片设为
菜单
背景吧~~
网页中
自定义
鼠标
右键
菜单
在网页中
自定义
点击
鼠标
右键
时的
菜单
,使网站内容更丰富,提高交互性。内含JavaScript实现和CSS实现。
自定义
精美
鼠标
右键
菜单
自定义
精美
鼠标
右键
菜单
禁止
鼠标
右键
及svg中
自定义
右键
菜单
NULL 博文链接:https://long316.iteye.com/blog/1640930
JavaScript
87,993
社区成员
224,694
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章