说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

jQuery右键菜单(Context Menu)插件

HTML文档下载 WORD文档下载 PDF文档下载
这里所指的右键菜单实际上应该称为上下文菜单,jQuery右键菜单是一个jQuery插件,要求1.3版本以上的jQuery,可以在各种浏览器中使用。

下载源代码

 

 

 

这里所指的右键菜单实际上应该称为上下文菜单,jQuery右键菜单是一个jQuery插件,要求1.3版本以上的jQuery,可以在以下浏览器中使用:
Internet Explorer 6 & 7
Firefox 2 & 3
Safari 3
Chrome
Opera 9.5
使用步骤:
在HTML中创建菜单列表

 

这里所指的右键菜单实际上应该称为上下文菜单,jQuery右键菜单是一个jQuery插件,要求1.3版本以上的jQuery,可以在以下浏览器中使用:

Internet Explorer 6 & 7

Firefox 2 & 3

Safari 3

Chrome

Opera 9.5

 

使用步骤:

 

在HTML中创建菜单列表

 

<ul id="myMenu" class="contextMenu">    <li class="edit">        <a href="#edit">Edit</a>    </li>    <li class="cut separator">        <a href="#cut">Cut</a>    </li>    <li class="copy">        <a href="#copy">Copy</a>    </li>    <li class="paste">        <a href="#paste">Paste</a>    </li>    <li class="delete">        <a href="#delete">Delete</a>    </li>    <li class="quit separator">        <a href="#quit">Quit</a>    </li></ul>

添加JavaScript脚本:

 

$(document).ready( function() {     $("#selector").contextMenu({        menu: ''myMenu''    },        function(action, el, pos) {        alert(            ''Action: '' + action + ''\n\n'' +            ''Element ID: '' + $(el).attr(''id'') + ''\n\n'' +            ''X: '' + pos.x + ''  Y: '' + pos.y + '' (relative to element)\n\n'' +            ''X: '' + pos.docX + ''  Y: '' + pos.docY+ '' (relative to document)''            );    }); });

#selector是需要右键弹出的元素,例如:

 

<div id="selector">	右键点击这里弹出菜单 http://www.okbase.net/</div>

插件方法

 

disableContextMenu() 禁用右键菜单

enableContextMenu() 启用右键菜单

disableContextMenuItems("#option1,#option2,…") 禁用指定的菜单项,如果传null,禁用所有元素

enableContextMenuItems("#option1,#option2,…") 启用指定的菜单项,如果传null,启用所有元素

destroyContextMenu() 指定元素解除右键菜单绑定

例如: $("#myDiv").disableContextMenu();
样式修改:
可以修改jquery.contextMenu.css更改样式。
回调函数
参数:
action:指示哪个菜单项被选择,如<a href="#edit">Edit</a>,action为edit
el:触发右键菜单的对象
pos.x:鼠标点击时的横坐标(相对于元素)
pos.y:鼠标点击时的纵坐标(相对于元素)
pos.docX:鼠标点击时的横坐标(相对于文档)
pos.docY:鼠标点击时的纵坐标(相对于文档)

 

 

 

建立自己的数据字典库-Delphi资料 将BLOB字段的BMP图显示出来-Delphi资料 将图像放入数据库中-Delphi资料 解 决sybase 用 户 数 据 库 不 能 进 入 故 障 的 一 种 方 法-Delphi资 解决sybase用户数据库不能进入故障的一种方法-Delphi资料 解决一个DBF表时的"Index not found.."错误-Delphi资料 精简Delphi数据库应用系统 精简Delphi数据库应用系统-定制BDE驱动程序 精简数据库应用系统-Delphi资料 开 发 基 于ORACLE7 数 据 库 的 管 理 信 息 系 统-Delphi资料 开 发AS/400 应 用 系 统: PB5 与Delphi3 的 比 较 利 用Delphi 开 发 响 应 用 户 输 入 的 数 据 库 查 询Web Server 程 利用Delphi开发响应用户输入的数据库查询Web Server程序 利用Tbatch组件完成数据批处理-Delphi资料 如 何 恢 复Sybase SQL Anywhere 的 数 据 库-Delphi资料 如何捕捉KEY VIOLATION等错误-Delphi资料 如何得到SQL返回的计算结果-Delphi资料 如何动态的读取Delphi中的PopupMenu的Caption ? 如何动态设置DBGRID。比如,动态设置DBGRID的COLUMNS。及如何在数值数据格式成千分位 如何返回BDE的状态信息?-Delphi资料 如何控制关键字段的重复输入及报错-Delphi资料 如何设置Microsoft SQL Server 全文索引服务 ?-Delphi资料 如何设置多用户环境的PARADOX数据库-Delphi资料 如何实现在一个Dbgrid中显示多数据库-Delphi资料 如何用SQL查询日期型字段?-Delphi资料 如何在数据库中存放avi文件-Delphi资料 如何在注册表中注册BDE-Delphi资料 筛选数据-Delphi资料 实现不同数据库系统之间的数据转移-Delphi资料 使 用WISQL32 同 时 访 问SQL SERVER 和SYBASE 数 据 库Delphi资 使用Session构件可以在打开有密码的库时不用输入密码-Delphi资料 老是自动运行wscript是怎么回事? 报表统计问 DELPHI高手们?没人能破解Cell吗? win2000下如何访问cmos数据 请问怎样在2000下访问cmos数据 win2k中所略图问题,大家帮忙!! 请问:自动化这个专业怎么学 C++高手们,谁能讲一下extern的用法? 请高手们谈谈,如何在客户本地硬盘里获取其敏感信息???? MSHFlexGrid的分层记录集问题 关于NMHTTP的问题,急急急!!! 请问哪里有支持 ASP 的服务器下载?(空) 为什么我的硬盘找不到了呢? 如何在sqlserver7中实现ID字段自动递增?(SOS) 为什么98下可以到2000下不行了.关于openfilename???????????????????????????? (困惑请教 )关于内存释放的一些问题! 数据库操作出错该如何避免???? 我是第一次来到CSDN,大家多关照! YYSUN关于大富翁论坛的解释(从水母看到的) vb 访问SYBASE的问题 支持北京伸奥的朋友,进来签个名吧! 怎样截获一个应用程序的消息? 数据结构得答案 大连的软件人员工作环境怎么样? 不好意思,小弟又来麻烦大家了! 上次的文章到那儿去了? enmity,进来,我给你结帐 enmity,进来,我给你结帐!! 各位侠客帮忙啊,重新装系统出了问题! 将10进制转换成16进制的函数是什么啊? VC高手,怎样以编程的方法实现磁带机的Backup 和 Restore. enmity,进来,我给你结帐.共200分 支援白菜300分,支持白菜个人网站建设:))) CMM 的缩写是什么? 想和大家讨论一下怎样系统的编制软件 如何实现和Word、CorelDRAW同样效果缩放位图 请问各位大哥大爷大妈大。。。。。。。。。。。。。哪里有支持 ASP 的服务器软件下载 我该如何控制IP地址??高手请进。。。 弱弱地问:关于SQL server中的中括号。 各位侠客帮忙啊,重新装系统出了问题!! 一点点小问题????? 请问在 WINDOWS98 下面,除了IIS,还有没有支持 PHP 的服务器软件呢? 在ADO中如何获取表名 关于ASN树的问题(snmp中的MIB的拓扑树) 你是高手你进来!!!!! 各位的顶级域名都在哪申请?价格/速度如何?大家都来说说! DirectX8的MultiFileReader过滤器怎么找不到? 关于用VB显示ado数据库中的图像字段问题 大家来谈谈Msdn如何有效利用 请各位帮忙查看我这段程序错在哪里 , 我是照书上做的 , 可就是无法保存. SQL plus 为何无法登录?? 谁有ROHS和WEEE的中文文件? 5x乘以x减去3的差等于x减去3的差乘以x加1的和求神回复 谷歌地球地图更新的吗?一些最新的事件比如卫星相撞的残骸,都在那上面搜索了,那是不是他们常用卫星拍摄来更新呢?要不然一些最新的建筑看不到啊 欧盟ROHS和无卤的标准是什么? 20分之X等于16分之0.4 谷歌地球和谷歌地图哪个看到更清楚 欧盟ROHS与中国Rohs的区别 若( X+1)的平方=16,则X的值等于 怎样看谷歌地球 欧盟ROHS指令对有害物质石棉含量限制标准具体是什么 20分之1比3分之1等于x比9分之16 怎样更新谷歌地球中的图像?怎么设置? 氯化石蜡52符合欧盟的ROHS标准吗? 若3的x方等于27,2的y方等于16,求x+y的值. 最新地图的卫星地图哪里有啊?googleearth地图怎么一直都没有更新,都是老地图啊? 什么是欧盟的RoHS指令? 5x-百分之10x等于9.8 24-百分之10x等于6解方程有两题 谷歌地球右上角控制看地图工具不见了.就是右上角控制远近,方向,角度,不见了,在那里调出来? ROHS主要是检测哪些有害物质的?ROHS为什么是能量色散型的呢?中国仪器超市提供的能量色散型X射线荧光分析仪? 当x等于什么时,代数式10x-2.5x-4.5x的值等于-9 有不有比谷歌地球更强的卫星地图 我想要 能看到中国各大城市的摄像 很清晰的 怎样检查rohs有害物质 10x-8.9=5x+1.6.x等于多少 我搞不懂,霍金说黑洞不存在,可是天鹅座又是有黑洞的.灰道他又怎么证的呢?又有什么美国女科学家算出宇宙爆炸论是假的.还有,质量足够大,是不是引力也大?那一个物体质量达到一定程度不 ROHS环保检测仪能测哪些有害物质? 求个最新版本的Google Earth(谷歌地球)中文版不是最新的请勿发来~~ 详细介绍一下天鹅座X-1 工作中哪些材料含有ROHS有害物质! 我在GOOGLEEARTH上的发现东经14度08分,北纬40度50分,这里有很多直径几百米到2公里多的环形山,有的里面还有房子和体育场.那是什么?陨石坑?怎么会这么多这么密集?当地是城市怎么人们没发现? 白鸟座和天鹅座是同一星座吗?在百度里搜索白鸟座居然介绍的是天鹅座!请问这是同一星座吗? ROHS测试的六大有害物质含量标准是多少? 谷歌地球不清晰如图:上面全部模糊,下面白色部分非常清晰,建筑物的部件都看得见.很多地方都这样求:解决办法弄成下面那样非常清晰,最好全部地图都可调整成非常清晰状态.如图 天鹅座X-2星距我们有多少光年?意思是说就算是光速也要走8000年从地球,才能到达天鹅座么?以光速能到达离地球最近的可居住行星么? 那家检测机构能做ROHS、REACH及其它有害物质检测 谷歌地球的清晰问题如图.怎么有的比较清楚.有的又很模糊呢明明一个地区的。一边清楚点,一边就模糊不清 天鹅座X-1是黑洞吗? A 是 B不是 C可能是(请在自己所选的选项后面说明理由) 1,2,4,8,16等.请问按此规律,第n个数是几?第十个数是几? 清晰的谷歌地球等你来回答 天鹅座是不是黑洞 (3+1)(3^2+1)(3^4+1)(3^8+1)(3^16+1) 清晰的谷歌地球最新版哪里有? 一队双星向撞可以产生黑洞吗? 假如1=4,2=8,3=16,4=? 用谷歌地球怎么看高清照片怎么我看到人家用谷歌看的都这么清楚的···我用的时候 在几十公里高就看不清楚了 如果,黑洞与另一个黑洞在比较相近的地点上,会发生什么事?黑洞会移动吗? 找规律:3,6,7,14,15,30,,. 谷歌地球看不到为什么我的谷歌地球 放大区域后什么都看不到 关于银河系中心的黑洞?我们的银河系中心 据说是一个 超大黑洞.而且 我们的太阳系 围绕银河系中心 旋转,我们知道 黑洞是不断 吞噬 物质的,而且 吞噬的越多 其 体积就越大,体积越大 引力 找规律填空:-1,6,25,62,123,() 如何从谷歌地球上得到太阳与卫星的高度角与方向角? 银河系最中间是黑洞吗 找规律 3,2,1,7,6,5,4,10,9,8,14,13,12,11()()()()()()() 谷歌地球怎么看不到乡村? 宇宙中有比银河系大的黑洞有没有可能银河系被比它大的黑洞吞噬了? 找规律填数:3/20,5/34,8/55,12/83找规律填数:3/20,5/34,8/55,12/83 ,( / )我希望答案不是118/17!鄙视复制.我看出,每项的商都是0.15 为什么我的谷歌地球看不到建筑物?我下的谷歌地球是5.0版的,但是只能看见很模糊的地形,这是怎么一回事?难道要下谷歌浏览器吗? 关于银河系黑洞问题?银河系中心是个黑洞,我们太阳系位于银河系边缘,如果位置在黑洞旁边,我们会怎样呢? 5x乘以X等于多少 GOOGLEEARTH怎么看不清楚啊?好多都看不清楚不是说可以看到街道的吗?好模糊怎么弄得更进去点啊 银河系的中心是黑洞吗?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn