导航按钮是网站的非常重要的一部分，因其将网站的所有部分而集中一处，jQuery导航菜单插件在其中扮演重要的角色。 本文介绍了14个很酷的jQuery导航菜单插件，它们够漂亮、简单，并且完全兼容各种类型的web浏览器。 1.Facets Navigation [url=http://demo.tn34.de/jquery-plugins/facets/demo4.html?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://www.tn34.de/projekte/downloads/jQuery.tn34.facets.html?iframe=true&width=100%&height=100%][b]Download[/b][/url] [url=http://bloggerspath.com/wp-content/uploads/2011/04/facets.jpg][img]http://files.jb51.net/file_images/article/201104/19172538_vOi9.jpg[/img] [/url] [url=http://bloggerspath.com/wp-content/uploads/2011/04/facets.jpg][/url]2.Rocking & Rolling [url=http://tympanus.net/Tutorials/RockingRollingMenu/?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://tympanus.net/codrops/2010/04/30/rocking-and-rolling-rounded-menu-with-jquery/?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/rocking-rolling.jpg][img]http://files.jb51.net/file_images/article/201104/19172539_CPhC.jpg[/img] [/url] 3.Garage Door Menu [url=http://www.gayadesign.com/scripts/jquerygaragedoor/?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://www.gayadesign.com/diy/jquery-convertion-garagedoor-effect-using-javascript/?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/garage-door.jpg][img]http://files.jb51.net/file_images/article/201104/19172540_wYlT.jpg[/img] [/url] 4.Little Boxes Menu [url=http://tympanus.net/Tutorials/LittleBoxesMenu/?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://tympanus.net/codrops/2010/05/18/little-boxes-menu-with-jquery/?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/little-boxes-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172541_iD41.jpg[/img] [/url] 5.Cool Animated Menu [url=http://line25.com/wp-content/uploads/2011/animated-menu/demo/index.html?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://line25.com/tutorials/how-to-create-a-cool-animated-menu-with-jquery?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/cool-animated.jpg][img]http://files.jb51.net/file_images/article/201104/19172544_fPi7.jpg[/img] [/url] 6.Apple Navigation [url=http://designindevelopment.com/demos/apple/?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://designindevelopment.com/css/apple-navigation-with-css3/?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/apple-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172545_pb0q.jpg[/img] [/url] 7.Jquery ListNav Plugin [url=http://www.ihwy.com/Labs/Demos/Current/jquery-listnav-plugin.aspx?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx?iframe=true&width=100%&height=100%][b]Download[/b][/url] [url=http://bloggerspath.com/wp-content/uploads/2011/04/list-nav.jpg][img]http://files.jb51.net/file_images/article/201104/19172547_3VC1.jpg[/img] [/url] 8.Vimeo Top Navigation [url=http://www.vimeo.com/][b]Demo[/b][/url][b] | [/b][url=http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/vimeo-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172549_rWu9.jpg[/img] [/url] 9.Background Image Menu [url=http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://tympanus.net/codrops/2010/05/05/beautiful-background-image-navigation-with-jquery/?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/background-image-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172550_0kgG.jpg[/img] [/url] 10.Bottom Side out Menu [url=http://www.tympanus.net/Tutorials/FreshBottomSlideOutMenu/?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://tympanus.net/codrops/2010/03/09/a-fresh-bottom-slide-out-menu-with-jquery/?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/bottom-sideout.jpg][img]http://files.jb51.net/file_images/article/201104/19172553_svU4.jpg[/img] [/url] 11.JAWS [url=http://www.mitya.co.uk/scripts/Jaws-news-ticker-and-mini-accordion-139#part2?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://www.mitya.co.uk/scripts/Jaws-news-ticker-and-mini-accordion-139?iframe=true&width=100%&height=100%][b]Download[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/jaws.jpg][img]http://files.jb51.net/file_images/article/201104/19172555_FBqn.jpg[/img] [/url] 12.Nice Menu [url=http://codecanyon.net/item/nice-menu-v10/full_screen_preview/135661?ref=dynamicwp?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://codecanyon.net/item/nice-menu-v10/135661?ref=dynamicwp?iframe=true&width=100%&height=100%][b]Purchase[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/nice-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172557_a1D7.jpg[/img] [/url] 13.Float Menu [url=http://codecanyon.net/item/floatmenu/full_screen_preview/164109?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://codecanyon.net/item/floatmenu/164109?redirect_back=true&ref=1stwebdesigner&clickthrough_id=20953950?iframe=true&width=100%&height=100%][b]Purchase[/b][/url] [b][/b] [url=http://bloggerspath.com/wp-content/uploads/2011/04/float-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172601_wgT4.jpg[/img] [/url] 14.Context Menu Class [url=http://codecanyon.net/item/context-menu-class/full_screen_preview/108671?iframe=true&width=100%&height=100%][b]Demo[/b][/url][b] | [/b][url=http://codecanyon.net/item/context-menu-class/108671?ref=1stwebdesigner?iframe=true&width=100%&height=100%][b]Purchase[/b][/url] [b][url=http://bloggerspath.com/wp-content/uploads/2011/04/context-menu.jpg][img]http://files.jb51.net/file_images/article/201104/19172603_w9Q6.jpg[/img] [/url][/b]