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

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

 

 

 

建设一个简单交互的网站(三)密码验证 -PHP初学入门教程7 PHP文件上传 -PHP初学入门教程8 为站点添加投票功能 -PHP初学入门教程9 广告条轮播-PHP初学入门教程10 操作MySQL数据库实现简单的留言板-PHP初学入门教程11 使用PHP来操作Oracle数据库 -PHP初学入门教程12 技术杂项PHP教程结束篇 -PHP初学入门教程13 .NET中DataSet和DataReader的区别与转换 CGI技术及其开发(二)-Delphi资料 CGI技术及其开发(一)-Delphi资料 COM/DCOM中如何传递数组-Delphi资料 COM与DCOM的区别与联系-Delphi资料 Cookie的建立使用-Delphi资料 Delphi 3中Cookie的建立使用 Delphi 中 串 行 通 信 的 实 现 Delphi4.0 开发WEBMAIL程序 Delphi4的Winsocket编程 Delphi4开发WEBMAIL程序 Delphi编写网络程序的安全措施 DELPHI 和 THE INTERNET Delphi开发Web Server程序如何返回图像 Delphi开发Web Server程序响应用户的输入 DELPHI与INTERNET(二) DELPHI与INTERNET(一) Delphi中串行通信的实现 Email 服务器的简单实现-Delphi资料 Internet编程技巧-Delphi资料 SMTP组件的使用方法-Delphi资料 Web Server程序开发环境的建立-Delphi资料 WEB数据库的开发-Delphi资料 Win32 行程通讯的观念与技术-Delphi资料 谁有Active Report for .Net 的破解版 关于串口通信2问 wince支不支持叫大容量物理内存的申请 中秋快乐,顶者有分。帮忙评评。 急! 求问用在BCB或DEPHI那种方法把标准文本文件导入数据库效率最高 一个初学.net的问题,望大家不要见笑!! 多个文件在光盘里面先后自动启动 C#中类型转换,请大家看看: 中秋节散分 关于.net下客户端与数据库字符集不同时的处理 大家中秋快乐!以前没散过分今天散点。 文档结构的问题 抢救,可以用vb.net写一个用户控件或动态库,在asp.net里调用吗? 请问大家一个问题 如何解压Linux下的.zip文件? 下接列表框的问题 来这里几天了,看大家都是很消极的,为什么? 可以动态增加<option>吗? datagird高手的问题! 数据库导入问题。在线等!急啊!!! 高手来帮忙 為何調用data module中的adoconnection會出錯。 怎样把几张jpg图转换成avi的文件 ★☆pb8异机连接sql server数据库的问题???50分献 菜鸟求问,急需回答!!! 有哪位高手知道 哪位同志能提供软件工程电子文档教程下载的站点给我 菜鸟问题 简单问题 ASP里流媒体上传问题 初学VC得困惑 用第三方类MultipartRequest上传文件时,怎样实现根据用户填写的表单来决定上传路径 当我插入一个usb设备,系统装好驱动后注册表会有变化吗? 如何解决BUTTON重入的问题。 关于如何获得文件域中的文件名!!!!!!!!!!!!!!!!! 游戏编程初学者的作品.(弹球) 有没有汨罗的朋友呀?????? 在线等,触发器如何使用? 请问ActiveX controls event发出的消息怎样在container里接收 UNIX的cc编译结果: [请问]i586是什么意思?PPC又是什么?另外RedHat9无法安装的问题…… 不知道大家都玩不玩新闻组,给大家提供几个中文新闻组地址并讲一下使用方法,感觉比BBS好玩! 高分求助,现谢谢了。 !急关于CrystalReport 下面这样类型转换,居然可行, 我下面的问题解决了 ORACLE统计问题 腊肉是月老啊,单身的哥哥们找腊肉拉红线啊! 新闻搜索 using namespace std; 打排球时,一传总不能到位,请专家指点一下一传的技术要领. 排球比赛中,3号位队员能不能接一传? 良宵电影 过去进行时,表示过去将要发生的动作.He told me he was leaving for Shanghai tomorrow.问下啊,这句话能给这条语法作解释吗?怎么就觉得怪怪的呢?请懂的人给详细讲讲! 如上题所有进行时的句子都表示正在进行的动作吗? 我坐到小月旁边和她聊天了,才发现小月坐的是小军的位置,小军来了就对小月说:谁让你坐我的位置了.笑着说的.我看见小军来了就走了,小军看见我走了他也不说了,也走了.我是女生 状态动词see不能用于现在完成进行时吗?表示动作重复时怎么就用了?语法书上说see不能用于现在完成进行时:I haven't seen him these days.(正确)I haven't been seeing him these days.(错误)但是语法书上还说 我吃过一次,像糖醋排骨一样的感觉.可是好像没有醋的味道.而且没有油油的味道.很酥.这怎么弄啊? 小倩坐到小月旁边和她聊天了,才发现小月坐的是小军的位置,小军来了就对小月说:谁让你坐我的位置了.(声音特别大,而且还拿杯子打桌子,不过是笑着说的).小倩看见小军来了就走了,小军 现在完成时,和现在完成进行时有区别吗?为啥老师说,现在完成时,就是,现在完成进行时?是不是完成进行时的句子都可以用完成时表达? 肯德基安心油条好吃还是霜糖油条好吃?同志们建议一下 丽水男子利用感光材料提炼白银污染环境丽水33岁已婚已育少妇为嫁24岁小网男子强奸亲生女儿长达10年获刑7年日本福岛外海6.8级强震 或有海啸 俄罗斯法律规定亲友要对恐怖分子行为担金华15岁少女被表外公性侵多次 因恐日本本州东岸远海附近发生7.3级左右日本东北地区发生6.8级地震上海居民沈勇死亡 官方:正在组织调查黎巴嫩北部教派冲突伤亡人数升至50多联合国人权理事会工作组通过审查中国人南京部分地区突发停电 供电部门启动应纽约股市三大股指15日继续下跌苏丹呼吁南苏丹冲突双方遵守停火协议通用汽车宣布在美召回逾270万辆汽车[短评]停车费方案初定,争议未能止息[街谈]谷歌眼镜卖到天价,这是本事萝岗5分钟诞生新地王 大房企缺席第十届文博会在深圳开幕延安:警察洗浴中心要小姐遭拒 赶走客我国将建事业单位工资增长机制宝安靓地超出前海价“黑马”刷新深圳地恶魔娃娃:挑个王爷爹爹神雕群芳谱龙吟洪荒最野盖世英雄异时空之中国崛起特重英豪一亩三分田绚日春秋天残霸剑泾县旅游高邮旅游宁国旅游双流旅游刚察旅游福鼎旅游大洪山旅游上清旅游石景山旅游奉贤旅游绥化旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘