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

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:鼠标点击时的纵坐标(相对于文档)

 

 

 

popping:基于Facebook Pop引擎的iOS动画库 《近匠》专访极路由CTO康神 真正智能中心应当这样做 为什么说Android才是游戏开发者的乐土? 开发移动医疗应用必知的10个掘金点 个推CTO叶新江:云推送技术如何助力产品开发 《近匠》Face++:漫谈人脸识别 无线充电技术赛高:随意走动也能电量满格 体验至上!移动Web应用JavaScript UI库App.js 专访中国国航:传统行业的“轻应用观” 开发者找众筹,哪些网站更靠谱? 48小时脑力激荡 中美青年创客大赛英特尔北京选拔赛 “微应用+大平台”推动企业软件走向碎片化 浅谈Hive vs. HBase 十款最新的JavaScript开发工具 JavaScript Promise启示录 百度携多位安全专家深入探讨安全人才快速培养机制 卡饭技术代表严佳:引入安全人才,企业应遵循S.L.E.E.P、S.T.A.R法则 百度资深研发工程师周晓波:平台+数据 百度培养安全人才的重要思路 代码审查是如何抹杀开发者积极性的? 事件分析平台EventHub开源 云计算智能交通行业论坛:李德毅院士谈智能车 多家知名企业分享应用实践 我伙呆!CRM生死对手微软及Salesforce或将联手 阿里巴巴曾鸣:数据时代来临 OpenStack企业应用之路技术培训:虚机迁移、HA、VDI、跨Hypervisor管理 云计算技术背后的那些天才程序员:KVM之父Avi Kivity 中国气象局联手阿里云:海量气象数据变“活数据” 浪潮首度公布“I2I计划” 全面接盘IBM X业务 一周消息树:Surface Pro 3想替代笔记本太难,微软正逐渐迷失方向 就是要赚钱!NativeX推自定义原生广告交易 继智能手机后的下一个战场:智能家居 鏖战云端——亚马逊的生存法则 关于如何动态分配内存的一个问题,请指教(50分) 在winForm下可以用session 吗? 跟网页下的有什么不同呢? 用orcle搭建一个客户服务器平台,该如何搭建?(通过vc的应用程序在客户端访问)--都有分给的. 初学websnanp,请教几个小问题? 问一个基础问题? 怎样在MDI框架下,显示一个CFORMVIEW类的子窗口? AUTOCAD图形打印驱动程序设计 AUTOCAD图形打印驱动程序设计 情帮忙(50分) 一个水晶报表的问题 有人真正使用过XML开发程序么? 我想买书 pb7.0哪里可以下载? AUTOCAD图形打印驱动程序设计 贺猪猪成星,散分给水友,天下皆欢颜!!! WinRAR的压缩密码怎么取消啊?快,快,急需!!! 没有权限打开names.nsf的问题? 复选框的问题,在线等待!!! 没有权限打开names.nsf的问题? IE浏览器显示的字体不是默认的,变成了空心字体。如何改成系统默认的字体?(win98+IE5.0) 寻找高手 关于协议的问题 求助!能把一个字段内容分解的函数? Servlet问题?(急等,立结) oleconnection 支不支持sybase的连接,不通过odbc如何连接Sybase高手请进!急啊!!! 关于return的问题 为何内存消耗在不断增长? 浏览器类型 求文件长度? 用DELPHI 开发过ORACLE数据库的高手帮忙,我现在遇到个问题, BCB消息机制问题, 关于MFC 请教:jar问题 零为什么不能做为除数。 菜单资源ID得问题 请问高手,实验室局域网内部下载速度很慢,会是什么原因造成的? 如何利用Datareport做出好看一点的报表? Grid的列怎么来调整? GDI+类使用new操作符问题 有人在吗? 请看看这一样个SQL语句 页面上有两个相连的表格时,中间的边框变得很粗,能否做到和一个表格的效果? 帮我写一个简单的和SERVER2000查询的例子50分相送!! 怎样将别人给我的数据库文件导到本地? 近日较忙,散分200 请问将脚本写在页面和写在J文件里有什么不同?我写在页面上一切正常,可是把脚本防在一个JS文件就报错 ===好几天,ADO 连接oracle数据库的问题.还搞定。大伙给看看 DBLookupComboBox的疑问 我是福建省福州的.程序员在哪儿报名呀?? 如何让录入页面的信息能自动保存~! 编写函数 有谁知道华工的计算机应用的复试考那几门?另外请问关于其他不公布复试科目的学校可以通过电话询问复试科目吗? 用碳素墨水书写文字档案便于保存为什么?是不是因为杂质炭黑这些不活泼? 怎么用一个浪漫而且又不失潮流词语来表达这个人是我的唯一. 活性炭纤维滤网 翻译怎么说 用碳素墨水书写的原因包括”它是黑色比较清楚”吗?为什么?我知道是因为化学性质稳定,但我问包括”它是黑色比较清楚”吗? 在电磁感应现象中,磁通量变化与电流产生是同时发生的还是有先后顺序的 凯恩斯三大心理规律是什么 用碳素墨水书写档案的化学性质是什么 Si和NaOH加水反应中的电子转移以及原因 凯恩斯三大基本心理规律在凯恩斯理论中的作用 书写档案为什么用单质炭墨水 为什么现在我们高中化学书一般有碱参加反应都是NaOH?为什么不用其他强碱? 某人9点50分离家赶11点整的火车.已知他离家车站10公里,到火车站后,进站"非典"健康及安全检查、检票等事项需20分钟,他离家后先已3公里/小时的速度走了5分钟,然后乘公共汽车去车站,问公共 莫道桑榆晚,为霞尚满天 这诗句是啥意思?3Q明日黄花是代表什么意思呢? 一百度时,ph2的盐酸与ph12的naoh溶液等体积混合,为什么碱过量? 形容春天的寒冷是哪个词语 如图所示,三个木块A,B,C在水平推力F的作用下靠在竖直墙壁上,且处于静止状态,则下列说法中正确的是?为A.A与墙壁的接触面可能是光滑的B.B受到A作用的静摩擦力,方向可能竖直向下C.B受到A作用 我们的英语已经上了一个半小时和我们一个半小时之前上的,用英语怎么说你同学通常什么时候做作业,用英语怎么说 有哪些形容寒冷的词? 英语翻译“莫道桑榆晚,为霞尚满天" 中翻英. 关于风湿性心脏病,患者信息:男 35-44岁 四川 成都 病情描述(发病时间、主要症状等):平时有点胸闷,是无意中发现的,做了彩超,才知道是风心病,年龄42想得到怎样的帮助:这种病一定要做手 光滑桌面上有两个质量均为m的小球,由长度位2L的拉紧细声相连 以一恒力F作用与线中点 方向平行于桌面 垂直 任何溶胶都可加入可溶性电解质聚沉吗 为什么地球会产生生物多样性要写论文啊 做好和生物进化论联系在一起 一个小球以V的速度方向与水平地面撞击垂直于竖直的墙后反弹为什么还是V? 循环水池如何设计,水量为3200T/h,水温40℃,需冷却至30℃以下,不考虑损失,挖多大容积的水池? 小明一家10点10分离家赶11点整的火车去某地旅游,他们家赶离火车站 为什么粒子在布朗运动相互碰撞时可以聚集起来?(关于胶体聚沉)胶体的微粒在一定条件下发生聚集的现象叫做聚沉(Coagulation).胶体稳定的原因是胶粒带有某种相同的电荷互相排斥,胶粒 海底两万里中潜水艇鹦鹉螺号的动力是什么 谁能告诉我李大钊有哪些故事?不要太罗嗦的就好. 如图所示,表面处处同样粗糙的楔形木块abc固定在水平地面上,ab面和bc面与地面的夹角分别为α和β,且α>β,一初速度为v0的小物块沿斜面ab向上运动,经时间t0后到达顶点b时,速度刚好为零;然后 穷图匕见的意思 谁有李大钊的故事, 什么样的节能灯能调光. 图穷而匕首见的穷是什么意思 为什么叫光纤?不就是玻璃吗?光芯和包层都是以 较高纯度的 sio2 加以少量掺杂剂构成的 ,包层就比纤芯折射率低点,那么 为什么 要叫光纤呢 难道就是 因为 芯很小 就叫光纤? 节能灯可以调光吗? 秦王发图,图穷而匕首见 的发 意思 发号施令 的发 意思 关于光纤线玻璃芯光传导的问题?我将光纤线中玻璃芯(玻璃纤维)取出,放入透明塑料管内,塑料管内壁敷上玻璃芯,一层塑料包裹的玻璃纤维能否传导光? 学者们,谁知道磁通量和电磁感应的关系?要微观上的原因 为什么磁通量的变化就会产生感应电流? 生物多样性的根本原因D 工业十水合四硼酸二钠怎么转换成硼含量 阐述凯恩斯主义总供给曲线,短期、长期总供给曲线三种情形下,总需求...阐述凯恩斯主义总供给曲线,短期、长期总供给曲线三种情形下,总需求的变动如何引起国民收入和价格水平变动?这是 友情诗句 无氧铜化学成分? 在长期总供给曲线时,总需求的变动会引起国民收入和价格水平同方向变动为什么? 这电源功率是多少够用吗? 氧气遇到什么化学成分会起火? 在长期,垂直的总供给曲线表明:(1)工资具有完全弹性;(2)货币需求的利率弹性为0该如何证明或解释这两点? 镇江市农作物秸秆都怎么处理? 电池正常的充电放电截止电压是怎么算的?有镍镉,镍氢,电池.当然每一个电池的电压都不样,为我解答这问题小弟我感激不尽! 锂电池可以用于玩具模型吗?如题,3.7V的话会不会比用1.2V更快?似乎有些地方说锂电池用于模型放电不行,我是准备做智能车模型的,不是玩遥控的, 今 年岳西应栽什么农作物最值钱 李大钊的故事100字左右 怎样写鲁迅孤独者方面论文? 铝和氢氧根还原性,铝做阴极和水中氢氧根相比谁被氧化了 活性炭纤维可以过滤的水可以直接喝吗? 均有保存价值的档案都使用碳素墨水书写,是因为 形容跟不上时代的词语?比较新潮的词语. 活性炭纤维 用于水处理过滤的寿命如题 联合国继续准备销毁叙化武 瑞典提供运澳大利亚调查山火原因 中国卫星提供监美国600万年轻人赋闲 纽约芝加哥均美国一军事基地附近发生枪击案 造成两埃及政府拟于11月中旬终止紧急状态秘鲁前印加遗址惊现两具保存完好千年木英《卫报》指美国安局监听35位外国领安倍批小泉纯一郎零核电政策非长远之策伊朗公开“神风”攻击无人机 用胶带组澳民众痴迷电脑游戏 50岁以上玩家超纽约长岛一垃圾袋内惊现死婴 婴儿或遭美油轮尼日利亚海域遭海盗袭击 2名船澳洲林火因部队实弹演习引发 强风致火雄性鱼深夜发奇怪求偶声 扰乱英国居民港媒:监控丑闻令美众叛亲离 “去美国欧盟针对美监控拟推新法规 科技企业或军演引发澳大利亚山火肆虐 一名灭火飞美国国安局被指30天收集1240亿份奥巴马敦促国会通过移民改革法 称有利联合国继续准备销毁叙化武 瑞典提供运老汉与网友开房遇儿媳系假新闻 媒体致浦江郑宅治水成效初显杭州市区天气预报萧山在线监控企业排污内外兼顾的米歇尔访华之行魅力汉字入谜来中央纪委监察部进行机构改革新设3个内超级大乐透再爆6注头奖私搭铁架放空调室外机 在公用通风井装主题只有一个传奇回家虫洞:真的存在吗杭城这个升学季,你最关心什么?我们来楼顶竖起“梅花桩” 一群小伙蹦蹦跳末日列车,登车需谨慎男友人间蒸发一个月 找私家侦探求下落我们怎么听音乐两审败诉仍不服老汉坚称被欠货款十余万华泰汽车国际化战略布局初具规模看色香味俱全的美味 要怎么用酱油微信扫一扫关注“杭州车讯”体彩高频“11选5”哪些游戏最受欢迎弥勒举办首届圣树梵城文化节
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘