jQuery smartMenu右键自定义上下文菜单插件
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右键自定义上下文菜单插件的更多相关文章
- 【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
(前端用重点整理博客地址)链接地址:http://www.cnblogs.com/atree/archive/2011/06/30/jQuery-smartMenu-javascript.html 一 ...
- Mint linux 自定义上下文菜单实现ZIP压缩文件无乱码解压
1. 前提条件 我的Mint Linux 是Thunar文件管理器(默认的). 2. 配置自定义动作 打开Thunar文件管理器,点击菜单“编辑”=>“配置自定义动作”.点击“+”添加一个新的. ...
- 自定义上下文菜单，contextmenu事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- .NET混合开发解决方案13 自定义WebView2中的上下文菜单
系列目录 [已更新最新开发文章,点击查看详细] WebView2控件应用详解系列博客 .NET桌面程序集成Web网页开发的十种解决方案 .NET混合开发解决方案1 WebView2简介 .NE ...
- 如何添加“在这里打开PowerShell”到Windows中的上下文菜单
It was only a matter of time, right? Due to my recent infatuation passionate love affair with PowerS ...
- Vue2的右键弹出菜单（vue-contextmenu）
给大家推荐一个基于Vue2的右键弹出菜单插件,支持单一SPA页面以及可以在循环绑定中使用. 项目地址为:https://github.com/chIIC/vue-...demo1: 父组件绑定右键事件 ...
- 几款jQuery右键菜单插件介绍
在网页中使用自定义右键菜单,实现上皆为使用javascript禁用浏览器默认的右键菜单,然后在网页中响应鼠标右键事件,弹出自定义的菜单. 类似右键菜单的组件网上很多.一般而言,改变浏览器的默认菜单应当 ...
- vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerigh ...
- js进阶 12-18 jquery如何实现自定义右键菜单（把问题分细）
js进阶 12-18 jquery如何实现自定义右键菜单(把问题分细) 一.总结 一句话总结:用鼠标右键事件contextmenu,阻止系统默认事件,让做好的右键菜单显示出来,并且显示在我们出现的位 ...
随机推荐
- PHP性能分析工具xhprof的安装使用与注意事项
前言 xhprof由facebook开源出来的一个PHP性能监控工具,占用资源很少,甚至能够在生产环境中进行部署. 它可以结合graphviz使用,能够以图片的形式很直观的展示代码执行耗时. 下面主要 ...
- 邓_Excal
--------------------------------------------------------------------- 快速输入固定文字 有一些固定的词组,输入 1 个.2 个,貌 ...
- JavaScript常见封装方法
1.最简单的,使用变量,然后用匿名函数包裹,不封装 2.对象字面量简单封装(不完整的模块模式,因为无法达到变量.方法私有效果.不过确实有分离和组织代码的能力,也就算一种简略的模块模式的实现方式) va ...
- 批处理注册dll时候 遇到错误：模块已加载，但对***dll的调用失败
解决方法 在批处理的第一行加入:cd /d %~dp0 然后在批处理上右键选择使用管理员权限运行
- ANSI C与C89、C99、C11区别差异
body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...
- linux_ssh
什么是ssh? 配置文件位置:/etc/ssh/sshd_config 远程登录和为其他网络提供安全的加密数据传输协议,默认端口22,默认协议是SSH2 # 远程终端通过ssh连接服务器管理服务器 # ...
- Linux指令--grep
原文地址:http://www.cnblogs.com/peida/archive/2012/12/17/2821195.html.感谢作者的无私分享. Linux系统中grep命令是一种强大的文本搜 ...
- Servlet--ServletContext接口
Servlet--ServletContext接口 定义public interface ServletContext 定义了一个 Servlet 的环境对象,通过这个对象,Servlet 引擎向 S ...
- MySQL--pt-osc工具学习
##=====================================================##pt-osc之工作流程:1.检查更改表是否有主键或唯一索引,是否有触发器2.检查修改表 ...
- 系统uid在1-499的原因
1.因为是保留给系统使用的UID,为了与用户设置的账户区分,防止冲突. 2.并没有其他特别的意义, 3.也叫作虚拟用户,除了0之外,所有的UID在使用上并没有任何区别. 4.linux中文件和程序都要 ...