Best 17 High Quality JQuery Horizontal Navigation Menus Collection

Posted by Lasantha Bandara File Under : css, jquery 19 Comments

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 below 17 very attractive jquery horizontal horizontal menus collection for web designers.Select your menu and use it to add a professional look for your website.

Check out these 10 awesome responsive web design for more inspiration.

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/
«
»

19 thoughts on “Best 17 High Quality JQuery Horizontal Navigation Menus Collection”

  3. @Naren Dran

    Read the instruction of creators sites.Normally add CSS code just before ]]></b:skin> tag and add java script just after ]]></b:skin> tag.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.