推薦40個簡單的 jQuery 導航插件和教程【下篇】

　　在這篇文章中，我為大家收集了40款非常棒的 jQuery 導航插件和教程。導航作為網站重要的組成部分，能夠幫助使用者找到他們想要的内容，是以導航設計的好壞決定了使用者能夠在你的網站停留更長的時間，浏覽更多的内容。在下面的集合中，你會發現很多便利的 jQuery 導航插件和有用的教程，幫助你實作充滿吸引力的網站導航，讓你網站更有組織性和互動性。

<a href="http://www.script-tutorials.com/creating-css3-dropdown-menu-3/" target="_blank">Creating CSS3 Dropdown Menu</a>

<a href="http://www.script-tutorials.com/creating-css3-dropdown-menu-3/" target="_blank"></a>

<a href="http://www.script-tutorials.com/creating-css3-dropdown-menu-2/" target="_blank">Creating a CSS3 Dropdown Menu</a>

<a href="http://www.script-tutorials.com/creating-css3-dropdown-menu-2/" target="_blank"></a>

<a href="http://www.queness.com/post/256/vertical-scroll-menu-with-jquery-tutorial" target="_blank">Vertical Scroll Menu with jQuery Tutorial</a>

<a href="http://www.queness.com/post/256/vertical-scroll-menu-with-jquery-tutorial" target="_blank"></a>

<a href="http://www.justjquery.com/2008/10/01/slide-subnav-plugin/" target="_blank">Slide Subnav Plugin</a>

<a href="http://www.justjquery.com/2008/10/01/slide-subnav-plugin/" target="_blank"></a>

<a href="http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx" target="_blank">jQuery Listmenu</a>

<a href="http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx" target="_blank"></a>

<a href="http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial" target="_blank">Easy to Style jQuery Drop Down Menu Tutorial</a>

<a href="http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/" target="_blank">How To Create A Keypress Navigation Using jQuery</a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/" target="_blank"></a>

<a href="http://www.8stream.com/blog/entry/styleselect" target="_blank">StyleSelect Menu</a>

<a href="http://www.8stream.com/blog/entry/styleselect" target="_blank"></a>

<a href="http://www.hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" target="_blank">Sliding Jquery Menu</a>

<a href="http://www.hv-designs.co.uk/2009/02/17/sliding-jquery-menu/" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/" target="_blank">Outside the Box Navigation with jQuery</a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/" target="_blank"></a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/" target="_blank">‘Mootools Homepage’ Inspired Navigation Effect Using jQuery</a>

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/" target="_blank"></a>

<a href="http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/" target="_blank">Beautiful Slide Out Navigation</a>

<a href="http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/" target="_blank"></a>

<a href="http://labs.dragoninteractive.com/pufferfish.php" target="_blank">Puffer Fish Navigation</a>

<a href="http://labs.dragoninteractive.com/pufferfish.php" target="_blank"></a>

<a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank">Using jQuery for Background Image Animations</a>

<a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank"></a>

<a href="http://www.ndoherty.biz/2009/10/coda-slider-2/" target="_blank">Coda-Slider 2.0</a>

<a href="http://www.ndoherty.biz/2009/10/coda-slider-2/" target="_blank"></a>

<a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials" target="_blank">jQuery Horizontal Tooltips menu tutorials</a>

<a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials" target="_blank"></a>

<a href="http://www.htmldrive.net/items/demo/605/Image-Hover-Move-simple-and-practical-navigation-or-featured-image-jQuery-plugin" target="_blank">Image Hover Move</a>

<a href="http://www.htmldrive.net/items/demo/605/Image-Hover-Move-simple-and-practical-navigation-or-featured-image-jQuery-plugin" target="_blank"></a>

<a href="http://tympanus.net/codrops/2010/06/28/awesome-cufonized-fly-out-menu/" target="_blank">Awesome Cufonized Flyout Menu</a>

<a href="http://tympanus.net/codrops/2010/06/28/awesome-cufonized-fly-out-menu/" target="_blank"></a>

<a href="http://www.htmldrive.net/items/demo/18/Multicolor-animation-drop-down-navigation-menu-with-jQuery" target="_blank">MultiColor Animated DropDown Menu</a>

<a href="http://www.htmldrive.net/items/demo/18/Multicolor-animation-drop-down-navigation-menu-with-jQuery" target="_blank"></a>

<a href="http://www.queness.com/post/762/create-a-nice-looking-floating-menu-with-jquery-easing" target="_blank">Create a Good Looking Floating Menu with jQuery Easing</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>

<a href="http://www.cnblogs.com/lhb25/admin/%E7%B2%BE%E5%BF%83%E6%8C%91%E9%80%89%E7%9A%8412%E6%AC%BE%E4%BC%98%E7%A7%80%20jQuery%20Ajax%20%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB%B6%E5%92%8C%E6%95%99%E7%A8%8B" target="_blank">精心挑選的優秀 jQuery Ajax 分頁插件和教程</a>

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