High Quality JQuery Horizontal Navigation Menus (Best 17 Collection)

Navigation menus are very important part of a website. It help your visitors to navigate through your website easily. There are various type of beautiful navigational menu in the web. Some of are work only using CSS. But some advanced navigation menus use scripts like jQuery. Using jQuery you can create navigation menus which include advanced features.

Here listed 17 very attractive jQuery horizontal menus collection for web designers. Select your menu and use it to add a professionallook for your website.

1. Animated Menus Using jQuery

Article : http://www.shopdev.co.uk/blog/animated-menus-using-jquery/ View Demo: http://www.shopdev.co.uk/blog/menuDemo.html Download : http://www.shopdev.co.uk/blog/menuTut.psd

2. jQuery drop down menu

Article : http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/ View Demo: http://designreviver.com/wp-content/uploads/2008/10/example.html

3. Kwicks for jQuery-7 Menus

Article : http://www.jeremymartin.name/projects.php?project=kwicks View Demo: http://www.jeremymartin.name/examples/kwicks.php?example=1 Download : http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/Kwicks-1.5.1.zip

4. CSS Dock Menu

Article : http://www.ndesign-studio.com/blog/design/css-dock-menu View Demo: http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html Download : http://www.ndesign-studio.com/file/css-dock-menu.zip

5. Sliding JavaScript Menu Highlight 1kb

Article : http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ View Demo: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ Download : http://www.gmarwaha.com/jquery/lavalamp/zip/lavalamp_0.1.0.zip

6. Animated Menus Using jQuery

Article : http://www.leigeber.com/2008/05/sliding-javascript-menu-highlight-1kb/ View Demo: http://www.leigeber.com/2008/05/sliding-javascript-menu-highlight-1kb/ Download : http://www.leigeber.com/wp-content/uploads/2008/05/menueffect.zip

7. jQuery Fading Menu

Article : http://css-tricks.com/learning-jquery-fading-menu-replacing-content/ View Demo: http://css-tricks.com/examples/MenuFader/ Download : http://css-tricks.com/examples/MenuFader.zip

8. Superfish jQuery menu

Article : http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started View Demo: http://users.tpg.com.au/j_birch/plugins/superfish/#examples Download : http://users.tpg.com.au/j_birch/plugins/superfish/#download

9. Smooth Animated Menu with jQuery

Article : http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/ View Demo: http://buildinternet.com/live/smoothmenu/animated-menu.html Download : http://buildinternet.com/live/smoothmenu/animated-menu.zip

10. CSS Sprites2 Menu - It’s JavaScript Time

Article : http://www.alistapart.com/articles/sprites2 View Demo: http://www.alistapart.com/d/sprites2/examples/example1-css.html

11. Apple style menu and improve it via jQuery

Article : http://www.kriesi.at/archives/apple-menu-improved-with-jquery View Demo: http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html Download : http://www.kriesi.at/wp-content/uploads/files/kwicks.zip

12. jqDock menu

Article : http://plugins.jquery.com/project/jqDock View Demo: http://www.wizzud.com/jqDock/

13. Multilevel Dropdown menu with CSS and improve it via jQuery

Article : http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery View Demo: http://www.kriesi.at/wp-content/extra_data/suckerfish_tutorial/step4.html Download : http://www.kriesi.at/wp-content/uploads/files/dropdown.zip

14. jQuery feed menus

Article : http://www.komodomedia.com/blog/2008/10/jquery-feed-menus/ View Demo: http://www.komodomedia.com/blog/2008/10/jquery-feed-menus/ Download : http://komodomedia.com/mint/pepper/tillkruess/downloads/tracker.php?url=http%3A//www.komodomedia.com/samples/feed_menu/jquery_feed_menu.zip

15. Menumatic horizontal menu

Article : http://greengeckodesign.com/?q=menumatic View Demo: http://greengeckodesign.com/projects/menumatic/examples/horizontal/ Download : http://menumatc.googlecode.com/files/MenuMatic_0.68.3.zip

16. Garage Door effect menu

Article : http://www.gayadesign.com/diy/jquery-convertion-garagedoor-effect-using-javascript/ View Demo: http://www.gayadesign.com/scripts/jquerygaragedoor/ Download : http://www.gayadesign.com/scripts/jquerygaragedoor/jquerygarage.zip

17. jQuery Background Position menu

Article : http://snook.ca/archives/javascript/jquery-bg-image-animations/ View Demo: http://snook.ca/technical/jquery-bg/

Share this article: