Drop-Down Menu: 10 Useful Scripts to Enhance Header Navigation

Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly website. It’s a good solution to trim down long menu that is overwhelming the screen space, getting them to display in a more organize category-sub category pattern.

Drop down menu

In this article, we’d like to show you some of the best drop-down menu scripts we come to know. These drop-down menu varies from CSS only, CSS & Javascripts and menu that will work with your current Javascript library like jQuery, MooTools and Prototype. Full list after jump.

CSS (Only)

If you are worried about Javascript disabled on client’s browser, these css-only drop down menu will not fail you.

Ultimate CSS only drop-down menu

navigation menu

CSS Express Drop-Down Menus
Help you produce a quick (express) CSS drop-down menu without some of the limitations found in some other “pure” CSS menus.

dhtml menu

CSS + Javascripts

With the help of Javascript, drop down menu are more interactive or at least they get some subtle animation that enhance user experience. CSS on the other hand, make sure the look and feel is easily cuztomizable.

Professional dropdown

navigation menu

Drop Down Tabs (5 styles)
Drop Down Tabs is a horizontal CSS tabs menu that supports a second level drop down menu for each of its tabs. Comes in 5 different styles.navigation barjQuerys

If you’ve implemented jQuery Javascript Library on your site, here are some really cool jQuery based drop down menus you should know.

Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready
Menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options.

menu barMega Drop-Down Menu
A drop down menu that holds more than just new line of links. It also makes group links and make nagivation much easier!

nav bar

(mb)Menu
Powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way.

navigation bar

MenuMatic
MenuMatic takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system, with enhanced usability and flair.

Unobstrusive Mootool Drop Down Menumenu bar

Scriptaculous/Prototype

Dropdown Menu
Based on Knallgrau Unordered list. Here’s more similar drop down menu – Horizontal dropdown menu, e24TabMenu.

This entry was posted in Latest Samples and tagged , , , , , . Bookmark the permalink.

2 Responses to Drop-Down Menu: 10 Useful Scripts to Enhance Header Navigation

  1. Pingback: Alexander

  2. Pingback: Alexander7

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>