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. 基于逆波兰式的JAVA计算器

    请看下方↓↓  

  2. 关于OELD屏显示电池电量的简易方法

    如何采集电源电压大家可能都熟悉,stm32的ADC+DMA能很方便迅速的帮我们采集到自己想要的电压数据.使用DMA进行数据搬运也能很好的减轻CPU的一部分压力.但是这样只是第一步--数据. 用户想看到 ...

  3. python实现冒泡排序和快速排序

    冒泡排序和快排的python实现: data = [1, 3, 5, 10, 4, 7] times = 0 "冒泡排序" for i in range(len(data)): f ...

  4. 模态框zeroModal快速引入

    最基本快速接入 <%@ page language="java" contentType="text/html; charset=UTF-8" pageE ...

  5. MyEclipse设置jsp页默认打开方式

    可以用来设置jsp页默认打开是代码编辑模式而不是半视图半代码的模式. 1.选择菜单Window→Preferences. 2.选择General→Editors→File Associations.在 ...

  6. <global-results>标签来定义全局的<result>

    <global-results> <result name="error">/Error.jsp</result>   <!--   Ac ...

  7. 【转】sed & awk常用正则表达式

    正则表达式元字符 正则表达式中有两种基本元素: 以字面值或变量表示的值(如.代表任意单个字符). 操作符(如*代表将前面的字符重复任意次). 元字符汇总 特殊字符 用途 . 匹配除换行符以外的任意单个 ...

  8. 文件A包含文件B，找出A不包含B的那部分

    文件A: a f b e c d 文件B: b c a 目的:A包含B,找出A中有但B中没有的部分 代码: 首先利用dos2unix命令将windows文件转换为unix文件 dos2unix a.t ...

  9. Jetson TX2安装tensorflow（原创）

    Jetson TX2安装tensorflow 大致分为两步: 一.划分虚拟内存 原因:Jetson TX2自带8G内存这个内存空间在安装tensorflow编译过程中会出现内存溢出引发的安装进程奔溃 ...

  10. VNC配置

    简介 VNC (Virtual Network Console)是虚拟网络控制台的缩写.它 是一款优秀的远程控制工具软件,由著名的 AT&T 的欧洲研究实验室开发的.VNC 是在基于 UNIX ...