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

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如何实现在一个Dbgrid中显示多数据库 Delphi筛选数据 Delphi数据集过滤技巧 Delphi数据库应用程序开发中图像数据 Delphi下的ADO Delphi在网络数据库中的应用 Delphi中多库关联查询 Delphi中建表 Delphi中数据文件路径的管理 ODBC中的同步与异步执行模式-Delphi资料 SQL编程常见问题-Delphi资料 第11章 中级SQL-Delphi资料 第10章 SQL基础-Delphi资料 SQL语句中的删除和改变-Delphi资料 TDataLink类别的说明-Delphi资料 TDBGrid控件中对多个记录的处理-Delphi资料 安装BDE需要的东东-Delphi资料 保存DBGrid中栏的字段名及尺寸-Delphi资料 动态生成定义数据库-Delphi资料 动态组成SQL速句-Delphi资料 多层C/S的客户端调用服务器端的方法-Delphi资料 关于dephi数据库的动态建立-Delphi资料 基 于WEB 的 数 据 库 查 询-Delphi资料 计算数据库某字段的值-Delphi资料 计算字段值-Delphi资料 建立应用软件注册安全机制-Delphi资料 建立自己的数据字典库-Delphi资料 将BLOB字段的BMP图显示出来-Delphi资料 将图像放入数据库中-Delphi资料 解 决sybase 用 户 数 据 库 不 能 进 入 故 障 的 一 种 方 法-Delphi资 解决sybase用户数据库不能进入故障的一种方法-Delphi资料 问个菜问题,怎么不用空件把记录显示出来 级联更新与级联删除 是什么意思呀,可否来个例子说明,谢谢 谁有用Rational Rose做的建模例子,给我一份,比较小的也行。 FLL 链接库怎样写? 很简单问题,答对马上给分 大家帮我看看以下代码有没有问题 请大家帮忙看看这个jmail发邮件的问题! 关于客户端控件file,并且显示图片的问题 求救,你遇到过吗? textbox问题。在线等待! 蓝屏提示Kernel stack size less than 0x500 bytes,怎么解决阿 关于数据库恢复 这里有人搞PSOS开发的吗?? 上帝说他喜欢偷窥,我当然愿意让他在我的第一次的时候大开眼界,但我只和那个跟我结婚的女人做,上帝哭了,说“我怕是等不到了” 菜鸟的问题:orb vs application server 关于在vector里面放入跟踪类的一些情况,进来看看。 Jdk 1.4 怎么删除一个string内所有的中文字? 哪位有输入法的源程序(vc6.0可以编译的)可否给俺发一份? 初学者问题,php、mysql如何安装? 一台新路由器怎么来配置啊,谢谢了!! 急聘二名程序员 今天发现以前上不去的网站可以上了,是否中央对网上舆论放松了? 文件的操作问题 强烈建议斑竹删除魔鬼先生的ID,因为它不配和我们在一起讨论问题 南方的服务器都访问不了了!! 包括tencent, etang 还有我放在上海的服务器 C++标准? DDE技术请教高手 大家帮忙估个价吧(本人 成都),谢谢! 关于在php 中使用 script 的问题 怎样在每天的规定时间触发一个事件?(100分) struts多行提交怎么做!!!!!!!!!!! 在16M的flash中做了一个linux系统后,如何给它加一个rsh的服务器?(现在只有1M空间了) 请问各位作过水晶报表的,我是用报表专家的提示连SQLSERVER2000数据库,但为何运行时提示:无法登陆!!有那位有过解决的经验??很急, 有人知道这是为什么吗? 用ASP可不可以显示数据库的表的结构啊? 2000个线程同时填数据库的测试结果 如何用VC来画座标图,望众高手献艺 怎么编译pro*c? (unix下)———在线等!!!! 今天升到5个裤衩,高兴,散分 有谁知道《斯托克代尔悖论》的内容? 使用VB6.0编程设置IIS5.0服务器 谁有InstallShield,包括汉化界面,中文语言包和注册码,200分回报 freedorm格式数据窗口打印问题,字太长如何自动换行, 一个头痛问题。 做过政府审计软件的请帮帮忙,怎么从十来套不同表结构的数据库导数据到一个固定表结构的数据库呢? 如何让菜单可用或不可用?急啊~~ Lotus中的js问题 哪有Oracle中文最新版下载呀, 请问各地delphi认证培训的费用是多少? re:下雨了 怎么样加提示框 求微分方程的通解…要过程 快速排序的一次划分算法是不是应该先从右边向左边走,然后才从左边往右边走?是的话请讲讲你们认为的原因 trousers是什么意思? 求微分方程的通解,要过程呀 左边一个反犬旁 右边一个孔字 有这个字吗? 有的话叫什么谢谢啊 trousers是什么意思?关于这类词还有什么 在迈克尔干涉仪中G1和G2有什么作用 hippo是什么意思 trousers是什么意思?原型是?原型是??? 我知道是裤子,这个单词的原型,英语的原型???? 陈情表需要背吗? 请问 hippo 什么意思? 注册税务师 英语缩写是什么? ___is your___season in Beijing?你最喜欢北京的哪个天气 蝙蝠张开翅膀改为比喻句要正确的 注册税务师用英语怎么说 What's the weather like in Beijing in winter?A.It was fine.B.It's warm.C.It often snows.D.It was cold r,e,n,t,p,a 组成什么单词? 怎么用MATLAB解微分方程组?方程如下:初值只有一个,t=0时,dvx/dt=0;dvy/dt=7.98.麻烦写出详细的程序步骤dx/dt-7.76y^2-109.36x^2=0dy/dt-7.76x^2-109.36y^2=-7.98 缭绕不绝的意思 非纯电阻中为什么U>IR为什么不是小于或等于?(最好用公式说明)谢谢啦 七人抬棺是什么意思 白云缭绕 意思 U=IR公式这条公式如果用来自己设计LED流水灯的话,串联怎么利用这条公式来计算要供给多少电压? 花花轿子人抬人的含义 h,w,r,e,e,组成正确的单词二十分钟 《陈情表》的名句谁知到《陈情表》中的名句?用以考到的 我小妹有用 花花桥子人抬人的含义 陈情表 U=IR适用于什么范围我是说有没有它不试用的时候,象在直流和交流中是否都适用的问题 水抬人万丈之高什么意思 为什么下雨天会有雾气 The simplest reality of all was that the human community was one.请问这句子时什么结构,有什么成分? 鲁迅哪场演讲中提到了“魏晋风度”这个词? 求“陈情表”要背的段落请具体一点 说明 speak up 的意思,并造句 the relation between domestication and foreignization我要英语的答案,字数大概是300字左右 极值点不一定连续,不一定可导, 问大家一个重要的问题,大家给宝宝穿的衣服都是化学染色的吗? 用鲁迅的口吻如何说一会儿这个词?我在模仿鲁迅写文章,用到一会儿这个词,可是总感觉鲁迅在写文章是不会用到一会儿这词,请问他会用哪个词来写.我写的原句是:先生外出,一会儿才能回来. 高中语文《陈情表》中的问题1.有论者认为,李密反复强调孝亲,其实是为自己不奉诏仕晋而故意寻找借口.你同意这一观点吗,为什么? 2.晋武帝为什么会答应李密终养祖母的请求? 我不知道怎么 请用so to speak造句要求一个句子把so to speak放在句中一个句子把so to speak放在句末 《皇帝的新装》当骗子站在游行大典的人群中时会说什么? 缭绕不绝是什么意思? 解释并用speak for 造句, 跪求各位大神的解答,英语单选题,难度高一,要有详细解释和翻译,会另外加分,五点之前都行,非诚勿扰.3. I don't want to buy the sweater because I don't like the color . (C), it is too expensive.A Except B Except for 缭绕不绝意思 宝宝衣服染色了怎么办啊? 缭绕不绝的意思是什么 用speak,spoke,spoken造句 Currier the original Invoice是什么意思 1、如何正确理解公有制经济的主体地位和国有经济的主导作用? 法语问题40_____-moi le dictionnaire ,s'il te pla?t.a.Apporte b.Porte c.Emmène d.Mène40_____-moi le dictionnaire ,s'il te pla?t.a.Apporte b.Porte c.Emmène d.Mène 古代,人们在称呼上都非常礼貌.古时人们常说的令堂,令尊,拙荆意思分别为: 求微分方程通解(详细说明)求微分方程通解的详细说明y'+y=2x Emm 这个是什么意思呢? 请教 scale 的用法 微分方程的通解, EMM卡 是什么 trousers 广西以制度给高官划\"红线\"标\"记协召开“打击新闻敲诈、加强行业自律尼泊尔发生180多起“反选举”暴力活李克强:改革已进深水区 必须敢于打破伊朗最高领袖对核谈“不乐观”国际晚班车:外交官的家庭生活国际财经一周大事回顾中国上市公司三季报业绩再涨 四季度增朴槿惠:日本应向德国学习正视历史错误世界主要城市11月4日天气预报萨耶赫:“非洲要重返经济危机前高速发浙江普陀山大型翡翠观音宝像开雕载70人船只在缅甸海域倾覆 已找到8美共和党议员称国安局或监听奥巴马电话朴槿惠:日本应向德国学习正视历史错误美军士兵与怀孕妻子视频聊天目睹其被歹载70人船只在缅甸海域倾覆 已找到8伊朗最高领袖称支持伊核问题会谈 对前快讯:载70人船只在缅甸海域倾覆 已美无人机再清除巴塔首领 和谈生变惹怒英国一医院医疗过失误诊流产 恐致死逾香港五位风格迥异的抓鬼道长加强千元机布局,中兴推新系列A910雷军玩直播一下就被迷住了 被网友评为山西交口盗采分子冲进医院追打已受伤举小屏魅族PRO 6初战告捷,PRO Oculus Rift好消息到 居然小米Max确定5月10日发布!正面对罗比尼奥:来华难入国家队,不放弃为国今夏最热印花Riccardo Tis再次追加,NEIGHBORHOOD联小米Max发布时间确认:5月10日小京剧艺术家梅葆玖因病在京逝世,享年8万商荟萃,聚利共赢——深圳•万利城盛午评:新三板做市指数跌0.38% 6骗完钱就想跑?Hi投吧老板李瑞已被通新款“颠倒养乐多”,这么吃可有点酷让中国人行走海外更安全海南经济“开门红” 国际旅游岛“加速赵笠钧:“走出去”,中国环保行业的时互联网金融未来有能力构建优于传统金融2016中国·鞍山(千山)梨花节开幕
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘