Menus

Mega Menus refer to drop down menus that contain multiple columns of links. This jQuery script lets you add a mega menu to any anchor link on your page, with each menu revealed using a sleek expanding animation. Customize the animation duration plus delay before menu disappears when the mouse rolls out of the anchor.

BySlideMenu is a plugin for Mootools which allow you to easily create an accordion menu (sliding menu) on any element you want (ul/li, div, p ...) using images and/or text.

WPCT is an easy to use multilevel web page navigation facility reminiscent of an office cabinet containing documents in folders and subfolders with tabs as their titles. It is based on html lists and implemented entirely in javascript and css (cascade style sheet), thus not using any www server side tools. It can be tested in any browser with javascript enabled. Its user is only required to define tabs - titles and links to corresponding documents, and how tabs are arranged in rows - levels of the menu. The script includes comments that explain which variable definitions the user should modify to implement his/her menu with tabs.

This is an extremely versatile drop down menu script for ordinary links on your page, including image links. It can be activated either onMouseover or onClick. The menu contents are defined inside a shared .js file (ie: menucontents.js) for easy editing across multiple pages. It supports shadows, a fade-in effect, ability to reveal the menus onMouseover or onClick, and even drop to the right of the anchor link instead of the default downwards.

A menu with easing collapse and expand mouse over effect. A javascript framework "Mootools" has been used to built this menu. It is really simple to look and has an easing animation of menu items and sub menus when mouse is moved over each item.

Add powerful tabbed navigation to your website. Main features include Ajax loading, CSS themes, Custom Animation and Autopilot Navigation.

Smooth Navigational Menu is a multi level, CSS list based menu with a smooth slide/fade in effect. The menu contents can either be from direct markup or an external file. Powered using jQuery.

AEF JS Dock is a light mac like Dock for your webpages. It was developed for AEF - a forum software. This script is very light - just around 3 KB. It is also very easy to implement and user friendly.

Urban Gray Accordion Menu is a clean, vertical menu with headers that are activated "mouseover" (200 millisec delay). Each header is hyperlinked itself, feasible since the headers are toggled "mouseover" instead of "onclick". This is an easy to customize, attractive vertical list menu.

A 2 layered horizontal tabs menu. Move the mouse over the 1st layer to see the contents of the 2nd. The 2nd layer's contents are defined inside an external file and fetched via Ajax when the page loads.

This is a sleek drop down menu that can be associated with any "anchor" link on the page. As it drops down or contracts an animated "outline" effect is applied for good measure. The menu can be set to appear either via a "click" or "mouseover" of the anchor link.

jQuery Context Menu is a context menu plugin for jQuery. It was designed to make implementing context menu functionality easy and requires minimal effort to configure. Why reinvent the wheel? The goal of this plugin is to streamline the way actions are binded to menu items and to use 100% CSS for styling. Keyboard shortcuts were added for navigating the menu once it's open, and there are five methods to allow you to control and clean-up context menus on the fly.

All Levels Navigational Menu is a CSS/ HTML list based menu with support for infinite levels of sub menus. It's lightweight, with all of the menu links search engine friendly. One interesting feature is the ability to easily skin the menu, as illustrated using the Theme Wizard.

Cross browser: configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later. Easily transformable: horizontal, vertical left-to-right, vertical right-to-left, horizontal linear, horizontal upwards. JavaScript only for IE: minimal JavaScript code only for IE 6 or earlier. Can be used with popular JavaScript libraries Jquery or Scriptaculous. Modular, with themes: creating a new drop-down means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins. Easily deployable: the code and files are well organized. Available channels to hook up to your CMS or other tools as well as existing websites in XHTML format. Super Fast: having the above mentioned features it is not affected by any disturbances whatsoever.

An accordion style expanding and contracting CSS menu, powered using jQuery. Clean CSS and HTML make up the menu, making customization a breeze.

An easy to install library for Javascript and PHP that you can use to create familiar dropdown menus like in desktop applications. It comes with many options, including checkboxes, radios, keyboard navigation, shortcuts, ability to add or delete items on the fly, etc. ZZEE DHTML Menu has a simple API and is fairly easy to install and embed into your existing HTML or PHP pages. Benefits: Search engine friendly (PHP version only). Compatible with the major browsers. Small file size, little download overhead. Comes with four ready made styles. License for unlimited websites / intranets / HTAs. The program is free for non-commercial use.

Fixes menu to the same place in window regardless of user scrolling using position:fixed in css if it is available to remove any flicker. Has two levels of graceful degradation: it is repositioned after the scroll if the browser doesn't support position:fixed in css. If the browser is too old to do even that or javascript is disabled, it will just stay in its initial place.

XML Menu departs from traditional client-side DHTML menus that require users to supply menu data for every single page of their website in the form of unordered list elements. Instead, XML Menu generates data that is kept in a standards-compliant, external XML file, making it both easy-to-modify and validate. Menu presentation information is kept in external CSS files. This fulfills the ultimate goal of web development purists, since XML Menu provides both full-standardization and full separation of content from presentation. XML Menu provides full search engine support through the standardized XML Sitemap protocol. XML Menu does not require Flash or any other plug-in. It is completely client-based, and does not require any server-side software. XML data is loaded via AJAX, which is native to all browsers in use today. XML Menu Builder comes with an easy-to-use-wizard for creating menus.

WowTabs lets you create everything you need for putting tabs on your website, including instantly creating graphics to match your website design. All the images and files required are downloaded in a single zip file and ready to add to your site. Great for managing chunks of content, de-emphasizing less important text, or using as part of a site menu.

The main feature of this menu is the clear separation between the HTML code, software code and visual appearance. The HTML code is a simple treelike unordered list. This makes it easy to integrate this menu into any CMS as well as change its appearance by simply editing HTML and CSS. All the rest is done by the script. After the script is attached, this multi-level unordered list becomes Multi-Level Drop-Down Menu. The visual appearance is specified using CSS. Thus, this script is targeted at web developers who want to have complete and clear control over the code.