在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览更多的内容。在下面的集合中，你会发现很多便利的 jQuery 导航插件和有用的教程，帮助你实现充满吸引力的网站导航，让你网站更有组织性和交互性。 [b][url=http://www.script-tutorials.com/creating-css3-dropdown-menu-3/]Creating CSS3 Dropdown Menu[/url][/b] ( [url=http://www.script-tutorials.com/demos/96/index.html]演示[/url] | [url=http://www.script-tutorials.com/demos/96/source.zip]下载[/url] ) [url=http://www.script-tutorials.com/creating-css3-dropdown-menu-3/][img]http://files.jb51.net/file_images/article/201209/2012091402320681.jpg[/img] [/url]   [b][url=http://www.script-tutorials.com/creating-css3-dropdown-menu-2/]Creating a CSS3 Dropdown Menu[/url][/b] ( [url=http://www.script-tutorials.com/demos/91/index.html]演示[/url] | [url=http://www.script-tutorials.com/demos/91/source.zip]下载[/url] ) [url=http://www.script-tutorials.com/creating-css3-dropdown-menu-2/][img]http://files.jb51.net/file_images/article/201209/2012091402320682.jpg[/img] [/url]   [b][url=http://www.queness.com/post/256/vertical-scroll-menu-with-jquery-tutorial]Vertical Scroll Menu with jQuery Tutorial[/url][/b] ( [url=http://www.queness.com/resources/html/scrollmenu/index.html]演示[/url] | [url=http://www.queness.com/resources/archives/jquery-scrollmenu.zip]下载[/url] ) [url=http://www.queness.com/post/256/vertical-scroll-menu-with-jquery-tutorial][img]http://files.jb51.net/file_images/article/201209/2012091402320683.jpg[/img] [/url]   [b][url=http://www.justjquery.com/2008/10/01/slide-subnav-plugin/]Slide Subnav Plugin[/url][/b] ( [url=http://www.justjquery.com/lab/slidedemo/]演示[/url] | [url=http://www.justjquery.com/2008/10/01/slide-subnav-plugin/]下载[/url] ) [url=http://www.justjquery.com/2008/10/01/slide-subnav-plugin/][img]http://files.jb51.net/file_images/article/201209/2012091402320684.jpg[/img] [/url]   [b][url=http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx]jQuery Listmenu[/url][/b] ( [url=http://www.ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx]演示[/url] | [url=http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx]下载[/url] ) [url=http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx][img]http://files.jb51.net/file_images/article/201209/2012091402320685.jpg[/img] [/url]   [b][url=http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial]Easy to Style jQuery Drop Down Menu Tutorial[/url][/b] ( [url=http://www.queness.com/resources/html/dropdownmenu/index.html]演示[/url] | [url=http://www.queness.com/resources/archives/jquery-dropdownmenu.zip]下载[/url] ) [url=http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial][img]http://files.jb51.net/file_images/article/201209/2012091402320686.jpg[/img] [/url]   [b][url=http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/]How To Create A Keypress Navigation Using jQuery[/url][/b] ( [url=http://d2o0t5hpnwv4c1.cloudfront.net/013_keypress/demo/demo.html]演示[/url] | [url=http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/]下载[/url] ) [url=http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/][img]http://files.jb51.net/file_images/article/201209/2012091402320687.jpg[/img] [/url]   [b][url=http://www.8stream.com/blog/entry/styleselect]StyleSelect Menu[/url][/b] ( [url=http://www.8stream.com/scripts/styleSelect/]演示[/url] | [url=http://www.8stream.com/files/scripts/styleSelect.2.0.0.zip]下载[/url] ) [url=http://www.8stream.com/blog/entry/styleselect][img]http://files.jb51.net/file_images/article/201209/2012091402320688.jpg[/img] [/url]   [b][url=http://www.hv-designs.co.uk/2009/02/17/sliding-jquery-menu/]Sliding Jquery Menu[/url][/b] ( [url=http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html]演示[/url] | [url=http://www.hv-designs.co.uk/tutorials/sliding_menu/sample.zip]下载[/url] ) [url=http://www.hv-designs.co.uk/2009/02/17/sliding-jquery-menu/][img]http://files.jb51.net/file_images/article/201209/2012091402320689.jpg[/img] [/url]   [b][url=http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/]Outside the Box Navigation with jQuery[/url][/b] ( [url=http://d2o0t5hpnwv4c1.cloudfront.net/358_jquery/example%20files/all-examples.html]演示[/url] | [url=http://d2o0t5hpnwv4c1.cloudfront.net/358_jquery/example%20files.zip]下载[/url] ) [url=http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/][img]http://files.jb51.net/file_images/article/201209/2012091402320690.jpg[/img] [/url]   [b][url=http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/]‘Mootools Homepage' Inspired Navigation Effect Using jQuery[/url][/b] ( [url=http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/demo.html]演示[/url] | [url=http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/Download.zip]下载[/url] ) [url=http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/][img]http://files.jb51.net/file_images/article/201209/2012091402320691.jpg[/img] [/url]   [b][url=http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/]Beautiful Slide Out Navigation[/url][/b] ( [url=http://tympanus.net/Tutorials/FixedNavigationTutorial/]演示[/url] | [url=http://tympanus.net/Tutorials/FixedNavigationTutorial/FixedNavigationTutorial.zip]下载[/url] ) [url=http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/][img]http://files.jb51.net/file_images/article/201209/2012091402320692.jpg[/img] [/url]   [b][url=http://labs.dragoninteractive.com/pufferfish.php]Puffer Fish Navigation[/url][/b] ( [url=http://labs.dragoninteractive.com/pufferfish_demo/]演示[/url] | [url=http://labs.dragoninteractive.com/pufferfish.php]下载[/url] ) [url=http://labs.dragoninteractive.com/pufferfish.php][img]http://files.jb51.net/file_images/article/201209/2012091402320693.jpg[/img] [/url]   [b][url=http://snook.ca/archives/javascript/jquery-bg-image-animations/]Using jQuery for Background Image Animations[/url][/b] ( [url=http://snook.ca/technical/jquery-bg/]演示[/url] | [url=http://snook.ca/archives/javascript/jquery-bg-image-animations/]下载[/url] ) [url=http://snook.ca/archives/javascript/jquery-bg-image-animations/][img]http://files.jb51.net/file_images/article/201209/2012091402320694.jpg[/img] [/url]   [b][url=http://www.ndoherty.biz/2009/10/coda-slider-2/]Coda-Slider 2.0[/url][/b] ( [url=http://www.ndoherty.biz/demos/coda-slider/2.0/#1]演示[/url] | [url=http://www.ndoherty.biz/demos/coda-slider/2.0/coda-slider-2.0.zip]下载[/url] ) [url=http://www.ndoherty.biz/2009/10/coda-slider-2/][img]http://files.jb51.net/file_images/article/201209/2012091402320695.jpg[/img] [/url]   [b][url=http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials]jQuery Horizontal Tooltips menu tutorials[/url][/b] ( [url=http://www.queness.com/resources/html/tooltipmenu/index.html]演示[/url] | [url=http://www.queness.com/resources/archives/jquery-tooltipmenu.zip]下载[/url] ) [url=http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials][img]http://files.jb51.net/file_images/article/201209/2012091402320696.jpg[/img] [/url]   [b][url=http://www.htmldrive.net/items/demo/605/Image-Hover-Move-simple-and-practical-navigation-or-featured-image-jQuery-plugin]Image Hover Move[/url][/b] ( [url=http://www.htmldrive.net/items/demo/605/Image-Hover-Move-simple-and-practical-navigation-or-featured-image-jQuery-plugin]演示[/url] | [url=http://www.htmldrive.net/items/demo/605/Image-Hover-Move-simple-and-practical-navigation-or-featured-image-jQuery-plugin]下载[/url] ) [url=http://www.htmldrive.net/items/demo/605/Image-Hover-Move-simple-and-practical-navigation-or-featured-image-jQuery-plugin][img]http://files.jb51.net/file_images/article/201209/2012091402320697.jpg[/img] [/url]   [b][url=http://tympanus.net/codrops/2010/06/28/awesome-cufonized-fly-out-menu/]Awesome Cufonized Flyout Menu[/url][/b] ( [url=http://tympanus.net/Tutorials/CufonizedFlyOutMenu/]演示[/url] | [url=http://tympanus.net/Tutorials/CufonizedFlyOutMenu/CufonizedFlyOutMenu.zip]下载[/url] ) [url=http://tympanus.net/codrops/2010/06/28/awesome-cufonized-fly-out-menu/][img]http://files.jb51.net/file_images/article/201209/2012091402320698.jpg[/img] [/url]   [b][url=http://www.htmldrive.net/items/demo/18/Multicolor-animation-drop-down-navigation-menu-with-jQuery]MultiColor Animated DropDown Menu[/url][/b] ( [url=http://www.htmldrive.net/items/demo/18/Multicolor-animation-drop-down-navigation-menu-with-jQuery]演示[/url] | [url=http://www.htmldrive.net/items/demo/18/Multicolor-animation-drop-down-navigation-menu-with-jQuery]下载[/url] ) [url=http://www.htmldrive.net/items/demo/18/Multicolor-animation-drop-down-navigation-menu-with-jQuery][img]http://files.jb51.net/file_images/article/201209/2012091402320699.jpg[/img] [/url]   [b][url=http://www.queness.com/post/762/create-a-nice-looking-floating-menu-with-jquery-easing]Create a Good Looking Floating Menu with jQuery Easing[/url][/b] ( [url=http://www.queness.com/resources/html/floatmenu/index.html]演示[/url] | [url=http://www.queness.com/resources/archives/jquery-floatmenu.zip]下载[/url] ) [url=http://www.queness.com/post/762/create-a-nice-looking-floating-menu-with-jquery-easing][img]http://files.jb51.net/file_images/article/201209/20120914023206100.jpg[/img] [/url]