24 simple jQuery Drop-down Menus that will amaze your visitors

Posted by Stuart Shields | Posted on April 22, 2011 | In jquery

Creating a drop-down menu that looks and works correctly is some what a daunting task for most web designers. We’ve gathered 24 of the most simplest and easy to implement (and style for that matter) jQuery drop-down menus for you to use.

1. Sexy Drop Down Menu w/ jQuery & CSS

sexy drop down menu

A visually appealing Drop Down menu built on jQuery and CSS.

 

2. Simple jQuery Dropdowns

Simple jQuery Dropdowns

A simple jQuery Drop-down that works in all major browsers even in IE6.

 

3. Superfish on ‘roids

superfish on roids

Superfish is one of the most popular Drop-Down menus available. Superfish on ‘roids takes it to the next level with jQuery!

 

4. Vertical Sliding jQuery Menu

Vertical Sliding Menu

Create a simple Vertical Sliding jQuery Menu. Perfect for jump lists.

 

5. Smooth Navigational Menu (v1.5)

Smooth Navigational Menu

Multi-level CSS and jQuery for smooth navigation.

 

6. jQuery Simple Drop-Down Menu Plugin

jQuery Simple Drop Down Menu Plugin

A very simple Drop-Down Menu using jQuery and CSS.

 

7. A Different Top Nav

A Different Top Navigation

Design a horizontal drop-up menu.

 

8. jQuery Drop Down Menu for RSS Subscription Tutorial

jQuery Drop Down Menu for RSS Subscription

Perfect for those who have more then one RSS channel

 

9. jdMenu Hierarchical Menu Plugin for jQuery

jdMenu Hierarchical Menu Plugin for jQuery

Simple vertical drop-down menu for any horizontal navigation.

 

10. jQuery Menu Style 01

jQuery Menu style 01

Multi-level jQuery Menu.

 

11. Create a multilevel Dropdown menu with CSS and improve it via jQuery

Create a multilevel Dropdown menu with CSS and improve it via jQuery

Easy to customize CSS and jQuery Menu

 

12. [CSS3] jQuery Dropdown Navigation in WordPress

CSS3 jQuery Dropdown Navigation in WordPress

CSS3 and jQuery Menu.

 

13. How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

How to Create a Drop down Nav Menu with HTML5 CSS3 and jQuery

HTML5, CSS3 and jQuery Drop-down menu.

 

14. Mega Drop Down Menus w/ CSS & jQuery

Mega Drop Down Menus w/ CSS & jQuery

Create a Mega Drop-down menu perfect for eCommerce websites.

 

15. How to create a jQuery category drop down

How to create a jQuery category drop down

Create a simple jQuery category drop-down menu.

 

16. Fancy Drop Down Menus Using CSS and JQuery

Fancy Drop Down Menus Using CSS and JQuery

Fancy drop-down menu create with CSS and jQuery.

 

17. Create Simple Dropdown Menu Using jQuery

Create Simple Dropdown Menu Using jQuery

Create a simple multi-level drop-down menu using CSS and jQuery.

 

18. Create Vimeo-like top navigation

Create Vimeo like top navigation

Create a Vimeo-like top naviation.

 

19. Professional dropdown #2

Professional dropdown #2

Professional looking drop-down menu.

 

20. Drop down menu with jquery

Drop down menu with jquery

A very simple jQuery Drop-down menu, style with CSS.

 

21. jQuery Navigation Menu Style 10

jQuery Navigation Menu style 10

A very stylish drop-down menu system.

 

22. FormBox – A jQuery & CSS3 Drop-Down Menu With Integrated Forms

Formbox

Create a drop-down menu with integrated forms with jQuery and CSS3.

 

23. Simple jQuery Dropdown Menu

Simple jQuery Dropdown Menu

Another simple jQuery drop-down menu.

 

24. WordPress Multi-Level Drop Down menu using jQuery

WordPress Multi-Level Drop Down menu using jQuery

WordPress multi-level drop-down menu with jQuery

 

Know of a jQuery Drop-down menu we’ve left out? Post it below and we’ll add it to the list.

Stuart Shields

Is the founder of Webdesign Ne.ws. He specialises in HTML, CSS, PHP & MYSQL and jQuery

More Articles by this Author | Authors Website | Follow on Twitter