插件下载地址：http://www。趋势科技。co . NZ/jquery/上下文菜单/jquery。上下文菜单。R2。射流研究…

压缩版：http://www。趋势科技。co . NZ/jquery/上下文菜单/jquery。上下文菜单。R2。打包好了。射流研究…

框架主页： http://jquery.com/

通过此插件可以在不同的超文本标记语言元素内建立上下文菜单，并且可以自定义样式。

复制代码代码如下查询右键菜单/TItle脚本src=' http : jquery-1。2 .6 .量滴js '/script script src=' http : jquery。上下文菜单。R2。js '/script/head dyspan class=' demo 1 ' style=' color : green；'右键点此/spanhr /div id='demo2 '右键点此/div HR/div class=' demo 3 ' id=' don t how '不显示/div HR/div class=' demo 3 ' id=' showOne '显示第一项/div HR/div class=' demo 3 ' id=' showAll '显示全部/divhr /！-右键菜单的源-div class=' context menu ' id=' my menu 1 ' ul Li id=' open ' img src=' http :文件夹。png‘/打开/Li Li id=' email ' img src=' http : email。png‘/邮件/Li Li id=' save ' img src=' http :磁盘。png‘/保存/Li Li id=' delete ' img src=' http : cross。png‘/关闭/Li/ul/div class='上下文菜单' id='我的菜单2 ' ul Li id=' item _ 1 '选项一/li li id='item_2 '选项二/li li id='item_3 '选项三/li li id='item_4 '选项四/Li/ul/div class='上下文菜单' id='我的菜单3 ' ul Li id=' item _ 1 ' csdn/Li Li id=' item _ 2 ' javaye/Li Li id=' item _ 3 ' it pub/Li/ul/div/body script/所有班级为demo1的跨度标签都会绑定此右键菜单$(“跨度。演示1 > .contextMenu('myMenu1 '，{ binding s : { ' Open ' :函数(t)} { alert(' Trigger为t.id ' 措施为open’)；}、“电子邮件”:函数{警报('触发器是t . id ' 选项是电子邮件')；}、“保存”:函数{警报('触发器为t.id ' 措施为保存')；}、“删除”:函数{警报('触发器为t.id ' 措施为删除')；} } });//所有超文本标记语言元素编号为demo2的绑定此右键菜单$('#demo2 ').contextMenu('myMenu2 '，{ //菜单样式menustyle : {边框： ' 2px实心# 000 ' }，//菜单项样式items tyle : { font family : ' verdana '，backgroundColor : 'green '，color: 'white '，border: 'none '，padding: ' 1px ' }，//菜单项鼠标放在上面样式itemhoadstyle : { color : }蓝色，backgroundColor: '红色，border: '无' },//事件绑定s : { ' item _ 1 ' :函数(t){ alert(' Trigger为t.id ' 措施为item _ 1’)；}、“item _ 2”:函数{警报('触发器为t.id ' 措施为item _ 2’)；}、“项目3”:函数{警报('触发器为t.id ' 措施为item _ 3’)；}、“项目_ 4”:函数{警报('触发器为t.id ' 措施为item _ 4’)；} } });//所有差异标签班级为demo3的绑定此右键菜单$('div.demo3 ').contextMenu('myMenu3 '，{ //重写上下文菜单和菜单菜单事件onContextMenu:函数{ if($(e . target)} .attr('id')=='dontShow ')返回错误的否则返回真；}，onShowMenu:函数(e ),菜单){ if ($(e.target).attr(' id ')==' ShowOne '){ $(' # item _ 2，#item_3 '，菜单)。移除();}返回菜单；} });/脚本/HTML

效果图：

很好玩很炫酷的功能吧，小伙伴们自己美化下，加入到自己的项目中去吧