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

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

 

 

 

“中美青年创客大赛”之“创客·教育论坛” 以创客教育支持创新人才培养 授之以渔,谷歌发布开源秘密武器Kubernetes 炫耀分数已经out!ShareSDK发布游戏内视频录制SDK Android开发者必知的5个开源库 UCloud完成B轮融资5000万美元 Git远程操作详解 《近匠》iMAG:移动应用快速跨平台开发工具 Facebook斥资30亿美元购Snapchat遭拒后,推Slingshot 全球开发者报告:程序媛崛起,企业应用更赚钱! 土豪经济 E人E本发布首款4G安全手机 内忧外患:Android版FuelBand应用来得太迟? MongoDB 2.6.2 发布,大大改进查询功能 清华毕军&amp;华为马云:SDN是学术和产业都看好的领域 向三星和苹果发难:亚马逊FirePhone 3D手机强势来袭 支付宝移动端与NFC芯片商、手机商合作 推出近场支付产品 Go 1.3正式发布,改进正则表达式! API设计如龙生九子,Tunneling、Hypermedia等更受开发者青睐 NFV+SDN,博科打造开放式网络平台 亚马逊开放双SDK:摄像购物,追踪脸部玩游戏 解析淘宝Hadoop作业平台——宙斯Zeus 亚马逊的心思:要Android不要谷歌 Vuforia SDK全面更新:3.0版可实时生成虚拟场景和物体 Stream SDK:以手为“剪”,随时随地分享精彩内容 一周消息树:惠普研发基于Linux开源操作系统 打造全新计算机 我从谷歌学到的那些事:Toilet文化、代码实验室 对话大神Scott Shenker:从物理博士到SDN&#039;s Uncle 巨头们的又一战:健康数据服务平台 移动应用广告新竞争,Facebook不再一家独大 为什么Fire Phone手机价格不便宜? 老牌播放器暴风影音发力线下与自制内容 APP运营:“小数据”为合理化推送定位 我做局域网视频传输项目,实时接收图像有时候很连贯,有时候图像停顿就象死机现象,是什么原因?难道是网络的原因?我用到1M带宽,而所有网卡为100M,通过交换机组成局域网,交换机每个接口也要100M. 用notes做论坛:用户登录接收到的用户名存在某一个地方,供后面几个页面中的发表及回复使用? Applet在JB5环境下可以用,而在IE中失效,为什么??? MSSCOM传送文件的问题,谁能发一个完整的例子(包括发送和接收),一定给够100分! 谁在linux redhat71上安装过 weblogic61? 报表高手大哥恳请您进来帮帮小弟!!,我急晕了! 关于打印机控制!!!! "VB&EXCEL,EXCEL的关闭!!!" 问题没解决,大家在看看!两帖分一块给!!! 请问 WINDOWD AS 的 CDKEY??? marry____不知怎么办了 (★如何在控件CMSFexGrid中加载图片★) 在linux redhat71上安装 weblogic61的问题! 为什么用Getkeyboardtype()不能得到compaq usb键盘的类型? 回车和换行分别是什么ascii? 用notes做论坛:用户登录接收到的用户名存在某一个地方,供后面几个页面中的发表及回复使用? 屏幕取词的问题 宝兰的回信 里程表的制作,大家谈。 偶想编个网络游戏的外挂程序,请网络编程高手近来讨论一下(来者有分) 有兴趣的过来看一看! JSP中如何调用SERVLET? 怎样自动检测OICQ是不是在线,用C/C++A做,我可以自己输入号码(OICQ) 怎样自动检测OICQ是不是在线,用C/C++A做,我可以自己输入号码(OICQ),大家帮忙 请问各位高手改变字段类型和向一个已存在的表添加新字段的SQl怎么写? 请问在XML规范里TR是什么的缩写? 关于COM中“聚合”的问题,那位大侠给小第指点迷津,多谢多谢! 呵呵!! CSDN 茶馆 再次开张!!!!(东北分店)欢迎光临 那有pdf版的经典的英文计算机书下载。 来指教一下http://www.csdn.net/expert/topic/383/383603.shtm 发送Microsoft.XMLHTTP怎样获得验证 ldap的问题,大家都来看那, 【怎样在韩文版的windows中调出输入法?】 :)java参考书指点................. 怎样获得Microsoft.XMLHTTP请求验证??? 关于asp.net的web控件的响应事件问题! DOS程序后台运行问题? 高手请指教->多个Form间怎么互通消息? 菜问题....D3D的 谁知道怎么做oicq,分全部归他。 各位兄台:如何激活一个窗口! 我发送Microsoft.XMLHTTP怎样获得验证??? 高分相送:有没有能察看一个dll文件中包含哪些函数的工具??????? help!!!! 怎样发送Microsoft.XMLHTTP获得验证???????? 请问,ASP中,能使用类似VB中的“On Error GoTo XXXX”这样的语句吗? foxpro怎样倒入sql server? 我现在有foxpro的dbf文件?应该怎样做? 多谢 mediaplayer的问题。 告诉我tostring 函数什么用途我们感到阿!谢谢了一个初学者! 请问VB6如何才能认到access2000的数据库文件? 关于对象序列化问题 怎样让返回值为自定义结构? 怎么在对话框上面话线? 求一篇关于中秋节你是怎样度过的的作文 600字以上速求啊 不要那些老的 我都看过了 600字以上 ______真好作文600字好的话我再加5分. 怎么写关于父爱母爱的作文 冰心的的读后感要100字,语言要通顺, 有家真好 600字作文 我们的除夕夜作文800字 忆读书 中 冰心的读书感受有哪些 在文中画出 600字作文:有家真好要有一件体现亲情的事例 作文:我家除夕夜 550字 《忆读书》(冰心),你能从中感悟到怎样的读书方法 按课文填空:《北京的春节》:照北京的老规矩,腊八这天家家都要( ),腊月二十三要( );二十四要( )《北京的春节》:照北京的老规矩,腊八这天家家都要( ),腊月二十三要( ); 关于读书的名家散文 英语翻译in the last 500 years,nothing about people-not their clothes,ideas,or languages-has changed as much as what they eat.The original chocolate drink was made from the seeds of the cocoa tree by South American Indians.The Spanish introduced i 腊八节的由来是什么? 名人写的有关读书的文章 英语翻译是中译英,不求繁复,所求翻译的文章如下:中秋节是我国仅次于春节的第二大传统节日,节期为农历八月十五,是日恰逢三秋之半,故名“中秋节”,也叫“仲秋节”.中秋节从2008年起为 腊八 腊月初九至腊月二十二 腊月二十三 过了二十二 除夕 初六 正月十五 正月十九 这些时间的风俗 我的除夕夜作文200字左右200字左右. 英语短文翻译,请各位高手帮忙!谢啦!到目前为止我最高兴的事(happiest thing)是今年两个姐姐同时都生了个可爱的儿子.因为今年是狗年,我就把他们分别叫大狗和小狗.因为他俩的降生,给我们 关于父爱或母爱或…的作文,告诉我一篇.要有事例的,要好的,新颖的哦,急! 除夕夜作文 200字 麻烦帮我翻译一下短文,谢谢各位高手!人性化设计,发热自动控制,人在自动加热,人走自动关,并选用美国德州仪器优质保护器,双重保护更安心.坐垫面料,选用优质高档柔软毛绒,配上精致绣花( 求赞美母爱和父爱的文章各一篇诗歌也可以 不要太长 好就行2个加起来一张A4纸就行了快能在手抄报上写的哦 《跨越百年的美丽》体会 300字 吃团圆饭用英语怎么说? 英语翻译Leaner and MeanerIn the big picture,American business has succeeded in its quest to run lean.But almost all these gains in inventory reduction happened from 1981 to 1991,and the past 10 years have not seen much improvement.Inventory as a 有关于父爱或母爱的文章要适合初一的,好的给100分 狼王梦的延伸联读怎么写?(50字就好) 谁有中秋节的作文 要600字的 要中秋的作文 600字 六年级中秋赏月作文600字左右,2天内回答完 读狼王梦有感 600字不要抄袭的 急需中秋节的感想的作文600字是写这个中秋节的感想 中秋赏月日记六年级600字急要,内容清楚点 读狼王梦的感受55字 18《跨越百年的美丽》课后题:阅读“阅读链接”结合课文想想,你体会到了什么,简单地写下来(100字左右) 作文 《我的六年级》 600字500~600字 不要多的 10分啊! 读《狼王梦》后的感悟,只要200字,要经典、经典! 题目:闽南春节习俗拾趣中的拾趣的意思是 除夕夜的作文 250字左右急 请以“中秋节”为话题写一篇不少于600字的作文 闽南过春节的习俗别太乱,弄得有条理些~ 我的除夕夜作文200字 作文 中秋为话题,不少于600字题目要好一点作文的题目要超好的,文章不要紧 闽南春节习俗拾趣了解闽南春节习俗有什么感受 中秋赏月作文200字 冰心的《忆读书》中,为什么书怕比? 闽南春节习俗拾趣阅读答案,这学期六年级的单元测试二里的,十分钟内给, 中秋赏月作文小学5年级水平就可以.400字的.! 冰心会挑书的实证 忆读书 急作者对书有辨别优劣的能力,会挑选、比较的实证是什么? 闽南的春节作文600字 四年级作文中秋赏月200字 除夕夜是几月几号? 母爱或父爱的作文,要有人物描写细节描写 600字 跨越百年的美丽感悟心语 请问除夕夜是几月几号 忆读书 冰心 1:选文的主旨是“读书好,多读书.读好书.”三者顺序能否颠倒?为什么?2:从作者对读书的回忆中,你得到什么启发?你对语文学习有什么新的认识? 用一句话概括《跨越百年的美丽》这篇课文的感悟 写一篇以“中秋节这天我真高兴”为题的600字作文时间 对《跨越百年的美丽》的阅读链接的体会(100字) 从18跨越百年的美丽,感悟到了什么?要准确一点,
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn