`
Mac_J
  • 浏览: 18073 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JQuery 多级菜单插件 MagicMenu 发布!

阅读更多
JQuery 多级菜单插件 MaigcMenu 发布!修改自 ContextMenu 支持 多级菜单、左键/右键 方式弹出。
详细内容请访问 http://www.boarsoft.com




<script type="text/javascript">
$(function(){
	$('#menuDemo').mac('menu', {
		children: [{
			title : 'Auto width, support EN/CN',
			action : 'itemA',
			icon: 'icon-newwin'
		},{
			title : 'This item has submenu',
			icon: 'icon-newwin',
			children: [{
				title : 'No icon',
				action : 'itemB1'
			},{
				title : '<b>Can change CSS</b>',
				action : 'itemB2',
				icon: 'icon-newwin'
			}]
		}]
	});
	$('#menuBtn').contextMenu({
		menu : 'menuDemo',
		button: 1,//3: right click, 1: left click
		onPopup : function(el) {
			//onPopup event
		},
		anchor: 'el',//Notice here!
		offset: { x: 1, y: 20 }
	}, function(action, el, pos) {
		alert(action);
		return false;
	});
});
</script>
<button id="menuBtn">Click Me</button>
<ul id="menuDemo" class="contextMenu"></ul>
  • 大小: 4.1 KB
分享到:
评论

相关推荐

    Jquery多级菜单插件

    本篇文章将深入探讨“jQuery多级菜单插件”的使用,包括其基本原理、功能特性以及如何在项目中应用。 jQuery多级菜单插件主要用于创建交互性强、层次分明的导航菜单。这种插件通常具有响应式设计,能在不同设备上...

    jquery插件——多级菜单

    在这个“jquery插件——多级菜单”项目中,我们可能看到以下关键技术点: 1. **CSS样式和布局**:多级菜单的呈现通常依赖于CSS来实现层次感。通过设置适当的`display`属性(如`none`和`block`),我们可以控制菜单...

    jQuery滑动侧边栏实现多级菜单插件jSide.zip

    本资源"jQuery滑动侧边栏实现多级菜单插件jSide.zip"提供了使用jQuery创建动态、交互式侧边栏菜单的解决方案。以下是关于这个插件及其使用的一些关键知识点: 1. **jQuery库**: jQuery 是一个轻量级的JavaScript库...

    jQuery 多级菜单样式

    jQuery 多级菜单样式是一种常见的网页交互设计,用于构建层次清晰、操作便捷的导航系统。在Web开发中,jQuery库因其简洁的语法和强大的功能,常被用来实现动态效果,包括创建多级下拉菜单。下面我们将深入探讨如何...

    jQuery多级下拉菜单支持多级下拉列表菜单.zip

    jQuery多级下拉菜单的核心在于利用CSS样式定义菜单结构,然后通过jQuery的事件监听和DOM操作来控制菜单的显示与隐藏。通常,这样的菜单由HTML的`&lt;ul&gt;`和`&lt;li&gt;`元素构成,通过嵌套实现多级结构。第一级菜单项是可见的...

    jQuery多级下拉树状菜单

    6. **使用插件**:虽然可以通过纯jQuery实现基本的多级下拉菜单,但若需要更复杂的功能,如异步加载子节点、搜索功能等,可以考虑使用专门的jQuery树状菜单插件。如`jQuery UI Treeview`或`jstree`。这些插件提供了...

    jQuery Context Menu多级展开的菜单插件.rar

    jQuery Context Menu是一款强大的JavaScript插件,它允许开发者创建具有多级展开功能的上下文菜单,也就是我们常说的右键菜单。这款插件以其灵活性、易用性和丰富的自定义选项而受到广泛欢迎。在网页设计中,它能为...

    适合移动手机的jQuery多级侧边栏菜单插件

    **jQuery 多级侧边栏菜单插件:** 这类插件主要用于构建可折叠、可展开的导航菜单,尤其适用于移动设备,优化用户体验。在有限的屏幕空间内,侧边栏菜单能有效地组织大量链接和子菜单,提供层次清晰的导航结构。 **...

    侧边多级jquery菜单插件

    侧边多级jquery菜单插件是一款跨浏览器兼容的jQuery插件,允许导航元素无限的嵌套。 适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

    非常漂亮的JQUERY多级菜单

    **jQuery多级菜单详解** 在Web开发中,菜单是用户界面的重要组成部分,它为用户提供了一种直观的方式来导航网站的不同部分。"非常漂亮的JQUERY多级菜单"是一个利用jQuery库和CSS样式来创建的高效且美观的菜单解决...

    jQuery多级联动插件 tntreebox插件支持多级联动

    jQuery多级联动插件在网页开发中经常被用于创建层级结构的数据展示,如导航菜单、地区选择、组织架构等。tntreebox是一款基于jQuery的高效、轻量级的多级联动插件,它能够帮助开发者轻松实现这种交互效果。在本教程...

    jquery插件库-jquery多级菜单导航.zip

    这个"jquery插件库-jquery多级菜单导航.zip"压缩包显然包含了与jQuery相关的资源,特别是针对多级菜单导航的实现。在本文中,我们将深入探讨jQuery插件库中的多级菜单导航技术,以及如何利用这些工具来增强网站的...

    好用的JQuery垂直多级菜单

    "好用的JQuery垂直多级菜单"就是这样一个解决方案,它利用JavaScript库JQuery的强大功能,为用户提供了一个高效、易用且视觉上吸引人的多级菜单。 JQuery是一款广泛使用的JavaScript库,它简化了DOM操作、事件处理...

    jQuery 多级菜单 16种炫彩样式(典藏版)

    《jQuery多级菜单16种炫彩样式深度解析》 在网页设计中,菜单作为用户交互的重要组成部分,其设计和实现往往对用户体验有着显著影响。jQuery作为一种强大的JavaScript库,为创建动态、交互式的多级菜单提供了便利。...

    jQuery下拉框多级菜单筛选插件.zip

    《jQuery下拉框多级菜单筛选插件的详解与应用》 在网页开发中,下拉框(Dropdown)是常见的交互元素,它简洁且节省空间。然而,对于数据层级复杂的情况,单一的下拉框可能无法满足用户的需求。此时,jQuery下拉框...

    jquery多级菜单复杂权限设置系统

    "jQuery多级菜单复杂权限设置系统"正是这样一个解决方案,它利用jQuery的灵活性和强大功能,为用户提供直观、美观且易于操作的菜单导航,并结合复杂的权限设定,确保不同用户群体能够访问到他们被授权的内容。...

    jquery右键菜单插件

    **jQuery 右键菜单插件详解** 在网页开发中,右键菜单通常用于提供额外的操作选项,例如在图片上右键点击出现“保存图片”或“复制链接地址”等。`jQuery contextmenu` 插件就是这样一个工具,它允许开发者轻松创建...

    jQuery滚动菜单插件Section Menu

    **jQuery滚动菜单插件Section Menu详解** jQuery Section Menu是一款实用的JavaScript插件,它专为网页设计者和开发者提供了一种高效的方式,来创建一个侧边栏的菜单,该菜单可以随着用户滚动页面而更新,指向页面...

    移动优先的jquery多级导航菜单插件

    移动优先的jQuery多级导航菜单插件是一种针对现代网页设计趋势而开发的工具,它将重点放在优化移动设备用户体验上。随着智能手机和平板电脑的普及,网页设计必须考虑到各种屏幕尺寸和触摸操作,这就需要使用响应式...

    jQuery多级下拉菜单支持多级下拉列表菜单代码

    本文将深入探讨如何使用jQuery创建支持多级下拉的菜单,并分析提供的代码。 首先,我们理解jQuery的核心概念:它简化了DOM操作、事件处理和动画效果。对于多级下拉菜单,主要涉及的是DOM元素的选择、遍历和动态修改...

Global site tag (gtag.js) - Google Analytics