导航按钮是网站的非常重要的一部分，因其将网站的所有部分而集中一处，jQuery导航菜单插件在其中扮演重要的角色。
本文介绍了14个很酷的jQuery导航菜单插件，它们够漂亮、简单，并且完全兼容各种类型的web浏览器。1.Facets Navigation
Demo | Download2.Rocking & Rolling
Demo | Download
3.Garage Door Menu
Demo | Download
4.Little Boxes Menu
Demo | Download
5.Cool Animated Menu
Demo | Download
6.Apple Navigation...
1. Apple Menu Style
2. Color Fading Menu3. Animated Drop Down Menu
4. Random Link Color5. Scrollable
6. Moo Tool Homepage like
7. Animated Menu
8. jqDock Menu
9. Sliding jQuery Menu
10. CSS Mac Book Menu
11. Kwicks
12. Fading Menu with Content Replacing
13. Garage door effect
14. jQuery idTabs
15. Lavalamp
虽然这不是多么高深的技术，但对于新手来说还是颇有难度。如果你是一个新手，我希望你能从本文中学到东西；如果你是高手，我希望你能留下你宝贵的意见和建议 一.要做什么插件？ 我想要实现一个可以在网站或WEB应用系统中使用，可以灵活的定制外观、简单、易于使用、方便扩展、稳定的菜单插件。它可以被用在网站主导航条上，亦可以用在管理后台。 二.想要的效果是什么？ 平时菜单处于收起状态，当鼠标移入显示其下级菜单，以...
效果图：看了上面效果图，你或许已经明白为什么是仿京东菜单。如果还不明白，请访问http://list.jd.com/list.html?cat=9987,653,655 看看左上的菜单。当然这个HoverTree菜单的功能更加强大，可以实现无限级菜单。
HTML代码：代码如下:HoverTree - jquery菜单插件http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js">
http://keleyi.com/jq/hovertree/js/jquery.hovertree.0.1.2.min.js">HoverTree菜单 0.1.2http://kele...
ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。
完整HTML文件代码：代码如下:ZoneMenu- jquery pluginhttp://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js">http://keleyi.com/jq/zonemenu/js/jquery.zonemenu.js">ZoneMenu DemoZoneMenuhttp://xxx.com/jq/zonemenu/">ZoneMenuxxx">http://xxx.com/">xxx Home
WebFronthttp://xxx.com/menu/webqd/">WebFrontjQueryhttp://xxx.com/men...
插件下载地址:
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js
Jquery主页: http://jquery.com/
通过此插件可以在不同的html元素内建立contextmenu,并且可以自定义样式.代码如下:JQuery右键菜单 右键点此右键点此不显示显示第一项显示全部打开 邮件 保存 关闭选项一选项二选项三选项四csdnjavaeyeit...
今天开发一个项目的时候需要一个模拟鼠标右键菜单的功能。也就是在网页点击鼠标右键的时候不是弹出系统的菜单而是我们制定的内容。这样可以拓展右键的功能。实现过程不多说了，写出来的代码和效果如下：
js部分：代码如下:
//创建右键菜单
var epMenu={create:function(point,option){var menuNode=document.getElementById(epMenu);if(!menuNode){//没有菜单节点的时候创建一个menuNode=document.createElement("div");menuNode.s...
下载地址：http://plugins.jquery.com/project/Superfish
文档说明：http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
Superfish的一些特点及效果：
使用纯Css实现动态效果，跨浏览器，支持最烂浏览器IE6
可设置下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒
支持淡入淡出动画
支持键盘响应
对含有子菜单的母菜单自动加入提示箭头
支持阴影效果，但需要有好的浏览器支持，如Firefox,chrome…最烂浏览器IE6...
本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下：
这里要分享的是一个菜单插件，在http://plugins.jquery.com/keleyi/ 看到的，使用找个插件可以制作页面底部向上弹出的菜单，不一定在页底，还有多种其他方式。
jQuery菜单插件js文件：/*!
* Keleyi(jQuery Menu)
* version: 0.1.6
* Copyright (c) 2013 KeLeyi
*/
(function ($) {$.fn.keleyi = function (options) {var settings = $.extend({width: '986px'...
本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下：
这里要分享的是一个菜单插件，在http://plugins.jquery.com/keleyi/ 看到的，使用找个插件可以制作页面底部向上弹出的菜单，不一定在页底，还有多种其他方式。
jQuery菜单插件js文件：
/*!
* Keleyi(jQuery Menu)
* version: 0.1.6
* Copyright (c) 2013 KeLeyi
*/
(function ($) {$.fn.keleyi = function (options) {var settings = $.extend({width: 986px,...
下载地址：http://plugins.jquery.com/project/Superfish
文档说明：http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
Superfish的一些特点及效果：
使用纯Css实现动态效果，跨浏览器，支持最烂浏览器IE6
可设置下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒
支持淡入淡出动画
支持键盘响应
对含有子菜单的母菜单自动加入提示箭头
支持阴影效果，但需要有好的浏览器支持，如Firefox,chrome…最烂浏览器IE6...
今天开发一个项目的时候需要一个模拟鼠标右键菜单的功能。也就是在网页点击鼠标右键的时候不是弹出系统的菜单而是我们制定的内容。这样可以拓展右键的功能。实现过程不多说了，写出来的代码和效果如下：
js部分：代码如下:
//创建右键菜单
var epMenu={
create:function(point,option){
var menuNode=document.getElementById(epMenu);
if(!menuNode){
//没有菜单节点的时候创建一个
...
效果图：看了上面效果图，你或许已经明白为什么是仿京东菜单。如果还不明白，请访问http://list.jd.com/list.html?cat=9987,653,655 看看左上的菜单。当然这个HoverTree菜单的功能更加强大，可以实现无限级菜单。
HTML代码：代码如下:
<!DOCTYPE html>
<html>
<head>
<title>HoverTree - jquery菜单插件</title>
<base target="_blank" />
<link href="http://keleyi.com/jq/hovertree/css/jquery.hovertree.0.1.2.min.css" type="...
ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。
完整HTML文件代码：代码如下:
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ZoneMenu- jquery plugin</title>
<base target="_blank" />
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<link href="http://ke...
插件下载地址:
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js
Jquery主页: http://jquery.com/
通过此插件可以在不同的html元素内建立contextmenu,并且可以自定义样式.代码如下:
<HTML>
<HEAD>
<TITLE> JQuery右键菜单 </TITLE>
<script src="jquery-1.2.6.min.js"></script>
<script src=...
效果图：