社区
JavaScript
帖子详情
怎么样自定义鼠标右键菜单
wxq4100798
2004-11-30 12:54:34
如题
...全文
482
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,这两者是网页开发中的关键部分。 JavaScript,作为浏览器端的脚本...
自定义
精美
鼠标
右键
菜单
"
自定义
精美
鼠标
右键
菜单
"就是针对这一需求,让用户能够根据自己的习惯和需求定制属于自己的
右键
菜单
,提升操作效率和使用体验。
自定义
右键
菜单
主要涉及以下几个方面的知识点: 1. **注册表编辑**:Windows操作...
禁止
鼠标
右键
及svg中
自定义
右键
菜单
总结起来,禁止
鼠标
右键
和在SVG中
自定义
右键
菜单
涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法,可以阻止浏览器的默认
右键
菜单
。而在SVG中,我们可以结合CSS和...
JavaScript
87,994
社区成员
224,697
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章