推荐40款强大的 jQuery 导航插件和教程【上篇】

　　在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览更多的内容。在下面的集合中，你会发现很多便利的 jQuery 导航插件和有用的教程，帮助你实现充满吸引力的网站导航，让你网站更有组织性和交互性。

<a href="http://tutorialzine.com/2009/09/stylish-navigation-menu-jquery/" target="_blank">A Stylish Navigation Menu With jQuery</a>

<a href="http://tutorialzine.com/2009/09/stylish-navigation-menu-jquery/" target="_blank"></a>

<a href="http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/" target="_blank">Making a Fresh Content Accordion</a>

<a href="http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" target="_blank">Create a Slick Tabbed Content Area using CSS &amp; jQuery</a>

<a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" target="_blank"></a>

<a href="http://demo.tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/demo.html" target="_blank">Halftone Navigation Menu</a>

<a href="http://demo.tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/demo.html" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/" target="_blank">A Different Top Navigation</a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/" target="_blank"></a>

<a href="http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial" target="_blank">jQuery Tabbed Interface / Tabbed Structure Menu Tutorial</a>

<a href="http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/" target="_blank">Create a Cool Animated Navigation with CSS and jQuery</a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/" target="_blank"></a>

<a href="http://www.scriptiny.com/2008/05/vertical-flyout-javascript-menu/" target="_blank">Vertical Flyout JavaScript Menu</a>

<a href="http://www.scriptiny.com/2008/05/vertical-flyout-javascript-menu/" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/html-css-techniques/use-sprites-to-create-an-awesomeness-filled-navigation-menu/" target="_blank">Use Sprites to Create an Awesomeness-Filled Navigation Menu</a>

<a href="http://net.tutsplus.com/tutorials/html-css-techniques/use-sprites-to-create-an-awesomeness-filled-navigation-menu/" target="_blank"></a>

<a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/" target="_blank">How to Make a Smooth Animated Menu with jQuery</a>

<a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/" target="_blank"></a>

<a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/" target="_blank">Dropdown Menu</a>

<a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/" target="_blank"></a>

<a href="http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/" target="_blank">Drop down menu with Nested Submenus</a>

<a href="http://www.emanuelblagonic.com/2006/10/11/create-your-own-drop-down-menu-with-nested-submenus-using-css-and-a-little-javascript/" target="_blank"></a>

<a href="http://css-tricks.com/simple-jquery-dropdowns/" target="_blank">Simple jQuery Dropdowns</a>

<a href="http://css-tricks.com/simple-jquery-dropdowns/" target="_blank"></a>

<a href="http://line25.com/wp-content/uploads/2011/animated-menu/demo/index.html" target="_blank">Create a Cool Animated Menu with jQuery</a>

<a href="http://line25.com/wp-content/uploads/2011/animated-menu/demo/index.html" target="_blank"></a>

<a href="http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/examples/" target="_blank">Mega Vertical</a>

<a href="http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/examples/" target="_blank"></a>

<a href="http://www.codebrewery.ch/memu/sample.html" target="_blank">Memu</a>

<a href="http://www.codebrewery.ch/memu/sample.html" target="_blank"></a>

<a href="http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/" target="_blank">Sweet AJAX Tabs With jQuery 1.4 &amp; CSS3</a>

<a href="http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/" target="_blank">Building a Better Blogroll</a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/" target="_blank"></a>

<a href="http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/" target="_blank">Fancy Sliding Form with jQuery</a>

<a href="http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/" target="_blank"></a>

<a href="http://tympanus.net/codrops/2010/05/18/little-boxes-menu-with-jquery/" target="_blank">Little Boxes with jQuery</a>

<a href="http://tympanus.net/codrops/2010/05/18/little-boxes-menu-with-jquery/" target="_blank"></a>

<a href="http://www.gethifi.com/blog/autosprites-jquery-menu-plugin" target="_blank">AutoSprites – A jQuery Menu Plugin</a>

<a href="http://www.gethifi.com/blog/autosprites-jquery-menu-plugin" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/" target="_blank">Creating a Floating HTML Menu Using jQuery and CSS</a>

<a href="http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/" target="_blank"></a>

<a href="http://www.script-tutorials.com/css3-multicolor-menu/" target="_blank">CSS3 multicolor menu</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html" target="_blank">精心挑选的优秀jQuery Ajax分页插件和教程</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html" target="_blank">精心挑选的优秀 jQuery 手风琴插件和教程</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/01/31/8-responsive-jquery-slider-plugins.html" target="_blank">8款非常棒的响应式 jQuery 幻灯片插件推荐</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/06/jquery-text-effects-plugins.html" target="_blank">精心挑选的优秀 jQuery 文本特效插件和教程</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/13/jquery-image-effects-plugins.html" target="_blank">精心挑选的美轮美奂的 jQuery 图片特效插件</a>

欢迎任何形式的转载，但请务必注明出处。