推薦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>

歡迎任何形式的轉載，但請務必注明出處。