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

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

 

 

 

欧朋 CTO 罗志宇:谈Sphinx游戏引擎的前世今生 John Carmack大神亲手操刀,Oculus Rift SDK即将发布 从南极之争谈软件架构十个技巧,及成功团队具备的气质 Imation重拳出击,推出新型混合存储平台 张建华:FusionSphere不是简单的OpenStack发行版 Chrome 29来了:地址栏变得更“兼容” Android版增WebRTC 工程师谈在Facebook工作最糟糕的事情 用Scala重构19楼——SDCC 2013讲师王治专访 10款最新且超实用的开发框架 创业公司为什么应该写博客? 向iOS SDK看齐:Facebook Android SDK迎来重大更新 闯向海外:对话AppFlood产品总监陈霄 高手爱跨界:联想智能桌面,27寸大Pad抢先试玩 惠普第三季度收入272亿美元同比下降8% 高管重新布局 原来我们会出这个价钱购买“廉价”iPhone Web设计过程中该做和不该做的 新细节披露:通过电信合作 美国75%网络遭NSA监控 实时Bug检测工具Bugsnag发布API更新 【观察】一大三小:亚马逊,微软、谷歌、IBM ,IaaS四足鼎立 “化云为雨”一小滴:北京,3G手机+蓝牙打印机实现智能抄表 金山云与蓝汛联合提供云基础设施服务 MongoDB出新招,增加对Hive的支持 编程语言收入榜 Java排第三 直接拿来用!10段超有用的Git命令行代码 Google Cast SDK正式版发布:自动适配,修复Bug 频受红杉资本青睐,商业智能初创公司Birst靠的是什么? 2013百度世界大会要点精华回顾 WebApp开发框架Clouda、轻应用... 对新手有用的JavaScript开发小建议 磨剑三载,且看从容应对14.3万TPS的Twitter是怎样炼成的! 兰亭集势:被高估的“长尾式采购” 谁说WP手机不行?微软称已成拉丁美洲第二大移动平台 PB数据库连接字符串的问题 如何购买NFS软件,是Windows pc 访问AIX用的? 请囊相授求mcsd信息 为什么对话框程序最小化时占用内存会减少很多呢?(VC6) 备份主域控制器加入后,登陆不进去了 新手上路,DDE的,绝对给分!!! 帮帮我 怎样修改一个窗口的系统菜单? 怎样将自己做的ASP.NET程序放到IIS服务器上去?服务器需要怎么配置? 在线等待一个问题!!!解决问题就散帖 关于NETANT的有不健康连接的通知????? 一个关于SQL_Server2000复制时发生的问题,请大家帮忙!(在线等待) 当我删除一条记录时会跳出错误,谁帮我看看 请囊相授求帮助 对这个程序实现上大家有什么想法? 触发器一行更新与多行更新有什么区别 请问如何能让我的Cricheditctrl最多输入100个字符???谢谢!!!!! 关于向数据库中插入时间的问题 在局域网中如何判断是否连到服务器?(用delphi) 有没有嘉兴的高手?QQ13136276mailsunrace@163.com 150分:怎样实现类似Delphi中的TClass.Create的功能? 请大家给我这个oracle初学者一些入门指点(偏重Developer 和discoverer方面) 请教! 关于winnt4的救命问题,如何共享上网? 急!!小弟现在用midas做一个三层的系统,用Dcom连接,但是在客户端连接服务器说类字符串未注册 关于选择菜单的这个功能怎么实现 高分求书:用DELPHI搞数据库的书! 关于Potoshop编程的有关问题,知道的请进! 如何改变列表题背景颜色,数据窗口控件用的是动态sql语句。 如何把unsigned long型的对方IP地址,设在ClientSocket的IP中 开发游戏软件一般要用到什么编程工具和编程语言? 为什么 semaphore 和 event variables 是不好的? 在dos下,如何用汇编语句获知XXX盘符是否为网络盘或本地盘或substed盘??? 如何实现字符串种的准确查询! 灰头土脸的问 F7 & F8 区别到底是什么? 我看着都是单步.... 如何在 windows下 破解 写保护卡? VC+ADO,怎么实现把*.DBF表导入SQLServer2k里。 一个关于库文件的问题 我在用VB编数据库SQL SERVER,想实现数据库中关键表在本地磁盘中备份,通过代码应该怎样实现 谁想与我交换主页链接 一个程序编译通过后,我把paradox数据表的某一字段由N型改为了A型,结果运行时出错,应该怎么做呢? 如何用存储过程将一个查询的结果存为本地的一个XML文件? 有人知道.DUL文件是什么东西,有什么用,怎么创建? 如何把richtext.text的内容发到直接激活的word文档中?(在线等待) 高人指点,高人救命,我急。这是我唯一的办法了。 C++中为什么析构函数可以是虚函数,而构造函数不可以是虚函数? 100分求救:谁有webeasymail的解密版本或是能用的注册机??? 寻求C++参考书 高分问一个简单问题,什么叫“RAM驱动器”? 关于运算符重载的问题,请高手进来看看 would like 的否定可以是 would’t like 具体用法怎样 刚才我在厕所里发线一条,全红色的,又细又长的虫子.大约五厘米长,一毫米宽,好可怕这是什么虫子啊?后来我拿了一个纸条,点火给烧死了.烧的时候还啪一声响.这是什么虫子啊?好可怕啊.有毒 反映边塞生活的诗句一句 松鼠的生活习性 哪里有凉茶加盟? would you like to …… 的肯定回答和否定回答what are the top five hobbies in your class?的翻译是?最好写出这句的回答At the end of this term,there will____(be/have) a stone show in our school.(需要理由)作业批下来后 身高5呎5吋半是多少CM? 已知一个正方体的8个顶点都在同一个球面上,则球的表面积与这个正方体的全面积之比是? would like 否定形式wouldn't like to do和would like not to do的区别 小孩几岁读一年级最适合 neither of 它的谓语动词用单数还是复数两个都不是,那该是用复数了,怎么用单数 关于would like 的回答Would you like something to drink 是 用Yes ,I’d like 还是用Yes ,I’d like to 或用Yes ,I’d love 或Yes ,I’d love to 回答Would you like some eggs 是 用Yes ,I’d like 还是用Yes ,I’d like to 或用Yes ,I 这是什么虫?好漂亮……… 一辆汽车用60千米/时的速度由甲地驶往乙地,车行4小时30分钟后,因遇雨平均行驶速度每小时减少20千米结果比预计的时间晚了45分钟到达乙地,求甲乙两地的距离? 养鸡场里公鸡的只数是母鸡的4分之3,母鸡比公鸡多300只,公鸡和母鸡各有多少只 看看这是什么虫,张的好漂亮! would like同义词 1.养鸡场养的母鸡比公鸡多三分之一,母鸡有2240只,公鸡有多少只2.李云看一本书,第一天看了24页,第二天看了全书的 1 ,两天共看了全书的 1 —— 大家来给认认这是啥虫子啦,好漂亮 would like的同义词组much的同义词是不是many啊?是同义词组啊,want是词组嘛? 养鸡场有母鸡1200只,比公鸡的5分之2多200只,公鸡有多少只? 这是什么虫子.好漂亮.金色的 would like(同义词) 养鸡场养的母鸡比公鸡多3分之1,公鸡有1680只,母鸡有多少只? 白僵虫是什么东西呀? would like to的同义词,同义词组都有什么want是吗?别的还有什么呢? 自来水里的红色小虫是什么?自来水放在太阳能水桶里,从水桶里放出的水里面就有这种红色虫虫,图片是我在网上搜的,形状就是这个样子,是红色的.希望知情人告知,是否会伤害身体,现在洗澡 松鼠有什么生活习性? would you like的同义词 水里面长的线形虫子,一碰就缩土里面了我喜欢种花,买了颗莲花,里面半水,半泥的养着,这段时间看叶子老是变黄,我仔细一看里面有好多的虫子,其中一个特别的奇怪,不知道是什么虫子(不是 would like是什么词性 红色的小小的在水里的虫子是什么虫子在自来水里 小小的 好像是已经死了 还有点卷成圈的希望知情者尽快回答下 ,我们学校的水里都是这样的情况 a set of keys作主语是谓语动词使用单数还是复数 一辆汽车从甲地到乙地,速度为60千米/小时,返回时速度增加20千米,结果比去时少用1小时,甲乙两地路程是多少不得用未知数和方程 那种植物上的虫,红色的,小小的圆的,用什么东西能消灭它?不要告诉我用烟丝可以啊那个烟丝没效果的大蒜水也没效果的家庭使用的,最好环保的 a set of keys 后用单数还是复数谓语 一辆汽车从甲地开往乙地每小时行60千米速度行驶3小时,距中点还有1/5的路程,甲地相距乙地多少米? a pair of的复数形式是pairs么. 名词复数不规则变化?谁知道名词复数不规则变化是什么啊?感激不尽啊! 一辆汽车从甲地开往乙地,汽车行驶的速度为60千米/时,出发5小时后,已行的路程与未行的路程比是2:3,甲乙 a pair of 可以加复数吧?a pair of jeans. 后面jeans 是复数.但还是指一件吧,只是常用做复数形态? 类似trousers?a pair of 后面能跟 单数 可数名词吗?2.A pair of shoes is worn out是不是被动? pair 的复数形式要读s 还是z 类似的怎样区分读音 would like的用法在句中 Would you like的用法搭配是很多种用法,加上例句,意思, pair的复数 作文《松鼠》,主要写松鼠的介绍:体形、生活习性等,300字. 谁能详解一下What would you like的用法啊? pair改写成复数怎么写? would like 的用法为什么后面可以加to go但不能加going would you like to和would you like的区别would you like to go to school with me和would you like some coffee。是不是原型就是would you like 只不过前者加to表示目的? 甲粮仓有120吨粮,现在从甲调出15%给乙,这时甲相当于乙的80%,乙有多少吨? 用英语介绍松鼠的习性 区别Would you like 和May I回答时的用法区别Wounld you like和May I的用法 《最后一头战象》大象的叫声那个是什么字就是口子旁加个海鸥的鸥 关于would like的用法,英语高手进来看进来看~~~~~~~~~~~~~~~~~~~~~~would like 的 否定句 还是一般疑问句 “some” 改为 “any” ?比如: Tom'd like some blows of rice. 改为一般疑问句:______ Tom like _______bowls 养鸡场公鸡比母鸡多249只,养的公鸡是母鸡的4倍,公鸡母鸡各养几只? 形容大象吼声的那个字怎么输入?一个“口”一个“欧” would like用法的疑惑新概念2 第八课的练习题I am thirstry.Ask me if I would like a glass of water.Would you like a glass of water?为什么不回答为:Would you give me a glass of water? 黄牛尾巴断了,应该怎样给黄牛治疗 (1)反映深厚友谊的诗句?(2)反映边塞生活的诗句?(2)表现爱国精神的诗句?(1)反映深厚友谊的诗句?(2)反映边塞生活的诗句?(2)表现爱国精神的诗句?(在回答问题时,回哪一题,就先把题目的编号写好,
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘