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. 使用phpMyAdmin批量修改Mysql数据表前缀的方法

    多个网站共用一个Mysql数据库时,为使数据库管理不混乱,一般采用不同的网站使用不同前缀名的方式进行区分.而如何批量修改已有数据库的前缀名呢?全部导出修改后再导入?还是一个表一个表的修改?今天我要介绍 ...

  2. 利用PHPExcel导出Excel并设置Excel格式以及数据源

    浏览:23969 发布日期:2013/07/24 分类:技术分享 代码有点长,读起来有点累.先来个截图 导出的Excel太宽了,所以将后面的列宽重新调整了再截的图 功能包括: 1.设置单元格格式,包括 ...

  3. Linux虚拟主机通过FTP软件创建目录时提示550 Create Directory Operation Failed

    更新时间:2017-06-07 13:26:11   分享: 问题描述 通过FTP软件连接Linux虚拟主机,在尝试创建新目录时,服务器返回错误提示:550 Create Directory Oper ...

  4. Asp.net mvc 中Action 方法的执行(三)

    [toc] 前面介绍了 Action 方法执行过程中的一些主要的组件以及方法执行过程中需要的参数的源数据的提供以及参数的绑定,那些都可以看作是 Action 方法执行前的一些必要的准备工作,接下来便将 ...

  5. Android-第二天(2)

    程序3 SimpleAdapter是扩展性最好的适配器,可以定义各种你想要的布局,而且使用很方便 SimpleAdapter(Context context, List<? extends Ma ...

  6. hibernate.dialect是干嘛用的？

    dialect[ˈdaɪəlekt]就是“方言”,因为hibernate是要把Java对象转换成关系数据库来描述的,而关系数据库虽然有一些统一的标准,如SQL-92等,但是实际上各数据库如Oracle ...

  7. 底部粘连(stiky footer)布局

    前面的话 在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过.它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部:如果内容足够长时,页脚块会被内 ...

  8. python3 第十一章 - 数据类型之str（字符串）

    字符串是 Python 中最常用的数据类型,我们可以使用引号 ' 或 " 来创建字符串,例如: name = 'roy' sex = "男" 1.访问字符串中的值 Pyt ...

  9. 重温吕鑫MFC教学视频(一)

    重温吕鑫MFC教学视频(一)1. picture控件的使用,可以显示icon和bitmap2. WM_Create窗口的创建3. 创建的销毁消息及区别WM_SYSCOMMAND WM_CLOSE WM ...

  10. Bilibili/DanmakuFlameMaster: Android开源弹幕引擎·烈焰弹幕使 ～ JNI source:Bilibili/NativeBitmapFactory

    https://github.com/Bilibili/DanmakuFlameMaster