右键弹出自定义菜单，很有意思呀！

最新推荐文章于 2018-09-02 15:22:44 发布
最新推荐文章于 2018-09-02 15:22:44 发布
阅读量760 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014440119/article/details/25542473
版权

右键弹出自定义菜单，很有意思呀！

<HTML><HEAD><TITLE>右键菜单</TITLE>
<SCRIPT language="javascript">
<!--
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
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 highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
}
} 
function jumptoie5()
{
if (event.srcElement.className=="menuitems")
{
if (event.srcElement.url != '')
{
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
}
//-->
</SCRIPT>

<STYLE type=text/css>
.cMenu {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 14px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px solid; WIDTH: 100px; CURSOR: default; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; POSITION: absolute; BACKGROUND-COLOR: #eeeeff
}
.menuitems {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px
}
</STYLE>
</HEAD>
<BODY>
你按右键试一试
<RIGHTCLICK>
<!--[if IE]>
>
<![endif]-->
<SCRIPT language=JavaScript>
<!--
if (document.all&&window.print){
ie5menu.className="cMenu"
document.οncοntextmenu=showmenuie5
document.body.οnclick=hidemenuie5
}
//-->
</SCRIPT>
</RIGHTCLICK> 
</BODY></HTML> 

xergnvij
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#网络电视精灵系统
qq_36074113的博客
03-12 5151
1.XML文件 *存储频道信息 TypeA 北京电视台 files/北京电视台.xml TypeB 凤凰卫视 files/凤凰卫视.xml *北京电视台 北京电视台 2013-9-29 06:02 早间档 重播：国际双行线 c:\a.wma
js 右键弹出自定义菜单
txx_laughing的博客
11-24 7938
近期在项目中有一个右键菜单的需求，发现很多实现都比较复杂，于是自己花了一点时间稍微研究了一下，下面提供一个简洁的实现方法。 js声明部分：//创建右键菜单 var epMenu={ create:function(point,option){ var menuNode=document.getElementById('epMenu'); if(!menuNo
解决windows 10 桌面右键时菜单显示出来需要很长时间的问题
weixin_34310369的博客
10-12 1041
新装windows 10系统，在管理员用户下面右键菜单显示很快，但是在另外一个用户下面，右键菜单显示要等待2秒甚至更长，因为之前已经更新过显卡驱动，所以排除旧显卡驱动可能造成的影响。因为windows 时右键菜单都是Exploer上的shellExtension,所以问题可能在这里，当然也可能有另外一个问题，就是UAC（但是UAC是系统自带功能，一般不会出问题，我们先一步步排...
网页右键菜单
colourbear的专栏
05-16 790
右键菜单的淡入淡出效果var intDelay=10; //设置菜单显示速度，越大越慢var intInterval=5; //每次更改的透明度function showmenuie5(){var rightedge=document.body.clientWidth-event.clientXvar bottomedge=document.body.clientHeight-event.clie
jquery右键菜单2
zynj03315的专栏
06-02 401
/** * jQuery Very Simple Context Menu Plugin * @requires jQuery v1.3 or 1.4 * http://intekhabrizvi.wordpress.com/ * * Copyright (c) Intekhab A Rizvi (intekhabrizvi.wordpress.com) * Licensed under GPL licenses: * http://www.gnu.org/lice
javascript 特效大全
02-20
11. **动感右键**: 动态右键菜单是指通过JavaScript处理鼠标右键点击事件，提供自定义的上下文菜单，而非浏览器默认的右键菜单。 以上这些JavaScript特效展示了JavaScript在网页交互和视觉设计上的强大能力，对于...
400个DreamWeaver插件
03-28
如果做很多弹出窗口的话，这个插件比DW自带的open browser window方便一些 mxp/一些Flash Button，一共7款 mxp/Winamp和Dreamweaver都是软件中的精品，有了这个插件，你可以方便的在DW中控制Winamp。边工作，边听...
java源码包---java 源码 大量 实例
04-18
Java右键弹出菜单源码 简单 Java圆形按钮实例代码，含注释 两个目标文件，自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 　用JAVA编写的指针式圆形电子钟，效果图如下所示...
java源码包2
04-20
Java右键弹出菜单源码 简单 Java圆形按钮实例代码，含注释 两个目标文件，自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 　用JAVA编写的指针式圆形电子钟，效果图如下...
java源码包3
04-20
Java右键弹出菜单源码 简单 Java圆形按钮实例代码，含注释 两个目标文件，自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 　用JAVA编写的指针式圆形电子钟，效果图如下...
【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
weixin_34368949的博客
06-30 158
一、这是什么样的一个插件 浏览器默认的右键选项有时候并不是我们所需要的，我们希望浏览器的右键选项菜单更智能，可以灵活自定义。比较有代表性的就是web QQ，例如下面截图： QQ邮箱中也是有此功能。 显然这种东西貌似还是蛮强大与实用的，于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu，直接一行代码绑定，就可以让我们轻松实现页面元素的自定义上下文功能。至于具体...
jquery实现鼠标右击出现菜单
hwsdau的专栏
11-11 9166
页面如图所示: css样式:    body{ position:relative;} ul,li{ margin:0; padding:0; list-style:none; font-size:12px;} .popup_menu{position:absolute; z-index:90; border:1px solid #AEAEAE; padding:2px; width:80px
易语言实现右键弹出菜单功能
杨长文的博客
09-02 8465
易语言右键弹出子菜单下载地址
对div实现右键弹出自定义菜单
Qiustion的专栏
08-24 5336
对div实现右键弹出自定义菜单
JS实现自定义右键菜单
zhangziyangup
12-06 188
转自这位仁兄的文章：http://www.cnblogs.com/snandy/archive/2011/03/09/1977789.html 效果图： &lt;html&gt; &lt;head&gt; &lt;title&gt;JS实现自定义右键菜单&lt;/title&gt; &lt;meta http-equiv="content-...
自定义右键菜单（阻止右键弹出菜单）
往后橘生
02-06 3271
一、概述 某些时候我们并不需要右键弹出菜单的功能，或者我们需要模拟一个右键菜单用以实现我们的需求； 二、解决办法 这里我通过了oncontextmenu来实现，以下是全局阻止右键的办法 document.oncontextmenu = function (event) { event.preventDefault(); };如果我们仅仅需要部分dom阻止右键菜单则可以 var el
Source Insight 4.0.zip
最新发布
08-14
Source Insight 4.0.zip
layui鼠标右键单击弹出自定义菜单事件
06-07
您可以使用 layui 的 `contextmenu` 模块来实现鼠标右键单击弹出自定义菜单事件。具体步骤如下： 1. 引入 `contextmenu` 模块和所需的样式文件： ```html <script src="layui/layui.js"></script> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值