Update 26.12.2008: This post is updated to reflect the original application.

CSS QuickMenu is a very powerful & web based CSS menu creator application.

After selecting the menu type & clicking the "customize menu" button, you can reach the editor.

The editor helps you to:

• Add/remove/update menus & submenus
• Update colors, fonts, borders..
• Choose animations
• Choose CSS shapes
• Decide whether the menu will be reachable via keyboard or it will be horizontal/vertical & more..

It also enables you to add your own CSS styles and see the results instantly.

After creating the menu, HTML & CSS codes can be reached easilt via the "save" button.

Styled Menus is a website presenting various free CSS menus.

Menus provided are cross-browser compatible & W3C validated.

There are currently 20 menus & new ones added regularly.

It is a handy resource to directly use them or to get inspired.

Context menus are very helpful, specially in admin pages & web applications, for easier navigation. With just a click, you get the options / shortcuts.

This is a jQuery plugin for creating effective context menus with ease.

The menu can produces valid XHTML & can be customized totally via CSS.

Items in the menu can be disabled & they can be browsed with keyboard too.

For users without JavaScript enabled, it gracefully degrades.

This is an easy to implement multi-level drop-down menu.

It is lightweight (1.2kb) & supports multiple instances on one page.

Rather than complicated JavaScript backends, this script converts an unordered list into a menu.

Sub-menus are displayed with an easing animation & it supports all major browsers.

CSSPlay is presenting a chic circular menu that can have sub-menus.

Within a limited space, the menu offers a comprehensive browsing experience.

There is also a small information that can be displayed when an item is hovered.

It uses ordered-lists for all major browsers & uses some tables if the browser is IE6.

P.S. The menu is not totally free. A donation is required for use.

CSS Drop-Down Menu Framework is a free & cross-browser solution to create good looking menus.

Download package already contains examples but new themes can be created very easily.

Menus can be transformed by only changing the class name. Available transformations are:

• horizontal
• vertical left-to-right
• vertical right-to-left
• horizontal linear
• horizontal upwards.

The framework normally uses only CSS but for IE6, there is a JavaScript file that must be included.

idTabs is a jQuery plugin for creating simple to advanced tabs.

Tabs can be added dynamically, the "selected" tab can be acquired, idTabs can be binded to different events like mouseover.

Any element with a class name = idTabs becomes a tabbed area. Every link inside this class becomes a tab & the divs mentioned in these links become the content holders. To be more clear:

<ul class="idTabs">
  <li><a href="#jquery">jQuery</a></li>
  <li><a href="#official">Tabs 3</a></li>
</ul>
<div id="jquery">If you haven't checked out ...</div>
<div id="official">idTabs is only a simple ...</div>

is a basic 2 tabbed menu.

Scrollable is a flexible & lightweight (3.9kb) jQuery plugin for creating scrollable contents.

Any content (HTML, video, text..) can be used as a scrolling item. And, it supports vertical scrolling besides the standard horizontal scrolling which makes it very ideal, specially for news sites or portals to present the flash contents.

Other features of Scrollable are:

• Setting the number of visible items
• Mouse, arrow keys and mousewheel (requires mousewheel.js) support
• Programmatic actions: next, prev, nextPage, prevPage, seekTo, begin, end
• Know when list is scrolled with custom event listener

This jQuery plugin is built by the FlowPlayer team (see WRD post) and includes great examples (this & this) with FlowPlayer integration.

Superfish is an advanced suckerfish menu plugin for jQuery.

It turns a standard CSS dropdown menu and tranforms it to a more powerful one (it gracefully degrades).

It supports both horizontal & vertical menus and unlimited sub-menus can be defined.

Considering the menu is generated from a CSS-dropdown menu, every sub can be easily styled too.

Other features of Superfish:

• Suckerfish-style hover support for IE6.
• Timed delay on mouseout.
• Animation of sub-menu reveal.
• Keyboard accessibility.
  
• Indicates the presence of sub-menus by automatically adding arrow images to relevant anchors.
• Drop shadows for capable browsers – degrades gracefully for Internet Explorer 6. Can disable shadows completely via options object.
• Can show the path to your current page while the menu is idle.
• Optional callback functions. The ‘this’ keyword within the handlers you attach will refer to the animated ul sub-menu.

MenuMatic, a MooTools 1.2 class, makes creating dropdown menus easier, flexible & SEO friendly.

For users without JavaScript, it switches back on a CSS menu system.

Some features of MenuMatic:

• SEO Friendly: Manipulates ıonly the existing links.
• User Friendly: Hide-delay speed can be adjusted.
• Accessible: Tab key navigates through main menu items & arrow keys can be used for dropdowns..
• Fails Gracefully: When no JavaScript is available, switcches to suckerfish CSS based drop down menu system.
• Stylish: Total style control with CSS.
• Flexible: Many other controls like the opacity of menus…

The class can be used for both horizontal & vertical menus .It is also compatible with all major browsers.

P.S. Thanks to Jason from GreenGeckoDesign for the suggestion.