http://www.zhangxinxu.com/wordpress/?p=1667

 <%@ page contentType="text/html; charset=UTF-8"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>jQuerySmartMenuDemo</title>

 <link rel="stylesheet" href="../component/alertifyjs/css/themes/bootstrap.min.css">

 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">

 <script type="text/javascript" src="../component/jquery-1.11.1.js"></script>

 <script type="text/javascript" src="../component/jQuerySmartMenu/js/jquery-smartMenu.js"></script>

 <link rel="stylesheet" href="../component/jQuerySmartMenu/css/smartMenu.css">

 <script type="text/javascript">

 $(function() {

     $("#table tr").bind("mousedown", function (e) {

         $.smartMenu.remove();//重新加载smartMenu，这很重要，不然会使用html的缓存

         if (e.which == 3) {

             var opertionn = {

                 name: "",

                 offsetX: 2,

                 offsetY: 2,

                 textLimit: 10,

                 beforeShow: $.noop,

                 afterShow: $.noop

             };

             var oneObj = new Object;

             oneObj.text = "标题";

             oneObj.func = function(){

                 alert("我被点击了1");

             };

             var twoObj = new Object;

             twoObj.text = "已读";

             twoObj.func = function(){

                 alert("我被点击了2");

             };

             var imageMenuData = new Array();

             var imageMenuDataChild = new Array();

             imageMenuDataChild.push(oneObj);

             imageMenuDataChild.push(twoObj);

             imageMenuData.push(imageMenuDataChild);

             $(this).smartMenu(imageMenuData,opertionn);

         }

     });

 });

 </script>

 <style type="text/css">

 </style>

 </head>

 <body>

     <table id="table"  class="table table-striped table-bordered table-condensed">

         <tr>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

         </tr>

         <tr>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

         </tr>

         <tr>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

         </tr>

         <tr>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

             <td>测试jQuerySmartMenu</td>

         </tr>

     </table>

 </body>

 </html>

jQuery smartMenu右键自定义上下文菜单插件的更多相关文章

  1. 【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)

    (前端用重点整理博客地址)链接地址:http://www.cnblogs.com/atree/archive/2011/06/30/jQuery-smartMenu-javascript.html 一 ...

  2. Mint linux 自定义上下文菜单实现ZIP压缩文件无乱码解压

    1. 前提条件 我的Mint Linux 是Thunar文件管理器(默认的). 2. 配置自定义动作 打开Thunar文件管理器,点击菜单“编辑”=>“配置自定义动作”.点击“+”添加一个新的. ...

  3. 自定义上下文菜单，contextmenu事件

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. .NET混合开发解决方案13 自定义WebView2中的上下文菜单

    系列目录     [已更新最新开发文章,点击查看详细] WebView2控件应用详解系列博客 .NET桌面程序集成Web网页开发的十种解决方案 .NET混合开发解决方案1 WebView2简介 .NE ...

  5. 如何添加“在这里打开PowerShell”到Windows中的上下文菜单

    It was only a matter of time, right? Due to my recent infatuation passionate love affair with PowerS ...

  6. Vue2的右键弹出菜单（vue-contextmenu）

    给大家推荐一个基于Vue2的右键弹出菜单插件,支持单一SPA页面以及可以在循环绑定中使用. 项目地址为:https://github.com/chIIC/vue-...demo1: 父组件绑定右键事件 ...

  7. 几款jQuery右键菜单插件介绍

    在网页中使用自定义右键菜单,实现上皆为使用javascript禁用浏览器默认的右键菜单,然后在网页中响应鼠标右键事件,弹出自定义的菜单. 类似右键菜单的组件网上很多.一般而言,改变浏览器的默认菜单应当 ...

  8. vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单

    今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerigh ...

  9. js进阶 12-18 jquery如何实现自定义右键菜单（把问题分细）

    js进阶 12-18  jquery如何实现自定义右键菜单(把问题分细) 一.总结 一句话总结:用鼠标右键事件contextmenu,阻止系统默认事件,让做好的右键菜单显示出来,并且显示在我们出现的位 ...

随机推荐

  1. 番外篇--Moddule Zero介绍

    1.1 ABPZero - 概述 介绍 微软ASP.NET身份框架 权限 会话 角色管理 默认角色 用户管理 多租户 设置管理 审计日志 1.1.1 介绍 Modulde Zero实现了ASP.NET ...

  2. 我的第一个python web开发框架（21）——小结

    这个小网站终于成功上线,小白除了收获一笔不多的费用外,还得到女神小美的赞赏,心中满满的成就感.这一天下班后,他请老菜一起下馆子,兑现请吃饭的承诺,顺便让老菜点评一下. 小白:老大,在你的指导下终于完成 ...

  3. linux下卸载apache方法小结

    方法一 代码如下: 1. root@server ~]# rpm -qa|grep httpd  httpd-2.2.3-11.el5_2.centos.4  httpd-manual-2.2.3-1 ...

  4. sqlite入门基础(一)：sqlite3_open,sqlite3_exec,slite3_close

    打开数据库链接sqlite3_open用法 原型: int sqlite3_open( const char *filename, /* Database filename (UTF-8) */ sq ...

  5. ios VS android

    本来是学习IOS的,但是最近接到的是有关于安卓的项目,害怕弄混,所以在这个技术博客里写一下对比. IOS                                                 ...

  6. Linux入门——用户组管理

    Linux用户组的管理 简介 用户组用来控制操作权限,防止无关人员莫名 rm -rf 重要文件,导致文件无法恢复或者花费很大代价恢复,这不是一个系统管理员 想看到的结果,所以一般系统管理员都会给开发人 ...

  7. MySQL Index Merge Optimization

    Index Merge用在通过一些range scans得到检索数据行和合并成一个整体.合并可以通过 unions,intersections,或者unions-intersection运用在底层的扫 ...

  8. Maven项目pom.xml 标签含义

    project:pom.xml文件中的顶层元素: modelVersion:指明POM使用的对象模型的版本.这个值很少改动. groupId:指明创建项目的组织或者小组的唯一标识.GroupId是项目 ...

  9. Go语言是我见过最简洁的语言（除了lua）

    写在前面:题目就是个标题党,在这里先道歉,其次撸主学过很多语言(基本上是个语言都要上一下的那种人,但是不会太深入,只做了解,因为很多用不到),但主要使用C#语言(不过已经开始恶心C#的臃肿,不要打我) ...

  10. css 对图片颜色的处理

    很久很久以前,在一个项目中,经理要求对一个图片做模糊处理.第一反应是这个要找 ui 给个模糊图片.可当时 ui 不在呀,项目又着急,只能自己搞.我一个前端,ps 技术实在不咋的,叫我切切图还可以,叫我 ...