Multiple Level Menus
Multi-Level Full Screen Menu FF2+ IE10+
Chrome
A mobile friendly full screen menu that supports multiple levels of sub
menus. Click on a header to bring up the corresponding sub menu. Vanilla
JavaScript and CSS3 powered.
Flex Level Popup Menu FF1+ IE7+
Chrome
Enhance arbitrary links on
your page with some multi level powers with jQuery Popup Menu! It lets you
associate a multi level drop down menu to any link on the page, so moving the
mouse over the link activates the menu to be shown beside it. Each pop up menu
is simply defined as a regular nested UL on the page, making it very intuitive
to set up, not to mention the menus search engine friendly!
Flex Level Drop Down Menu FF1+ IE7+
Chrome
Similar to Flex Level Pop Up Menu above, this
flexible menu script lets you add a multi level drop down menu to any link on
the page. It supports dropping down from the anchor link or to the right of it
instead, which is useful when the link is a side bar link. A nice expanding
animation brings the menu into view, with the delay before the menu appears/
disappears customizable. Cool!
Compact Drop Down Menus FF3+ IE8+
Chrome
This is a multi-level drop down menu that's also a space saver, by
stacking the sub menus on top of one another when revealed. CSS3 transforms are
used for the transition effect between sub menu changes, though the menu is
functional in legacy browsers as well, including IE8+.
Power List Menu FF3+ IE8+
Chrome
Power List Menu is a
mobile centric, mult-level menu that transforms a
nested UL into a series of slide-in panels that occupy no more space
than the top level UL itself. Click on a header, and the corresponding
sub UL slides into view over the parent UL. It supports lazy loading of either
sub ULs or parent ULs from an external file using Ajax, saving on bandwidth and
download time.
DD Icon Menu FF3+ IE8+
Chrome
DD Icon Menu creates an icon based vertical menu that sits fixed on the
left edge of the browser window and expands to show sub menus onMouseover.
Infinite levels of sub menus can be associated with each icon, with each sub
menu simply defined as a hidden DIV on the page.
Simple Tree Menu FF1+ IE5+
Chrome
This is a unobtrusive Tree Menu script that turns any ordinary list (UL
element) into a collapsible tree! Once transformed, the original list and its
sublists can be collapsed/expanded at will, with cookies used to optionally
persist its state.
jQuery TreeView Menu (v1.4)
FF2+ IE6+ Chrome
jQuery TreeView Menu brings together all the most practical features
requested in a Tree Menu into one awesome menu script. The markup for the menu
is simply a HTML list before the script transforms it into a fully functional
TreeView Menu resembling the style of Window's File Explorer, among the many
themes. Supports persistence, and optional asynchronous populating of the tree's
contents via Ajax and JSON data returned from the server.
HV
Menu FF1+ IE5+ Chrome
-User Submitted
We
named this script "HV menu" for its ability to be laid out both horizontally (as a top menu)
and vertically (as a side menu), but it might
as well be for its highly versatile nature. With support for miltiple
sublevels, vertical and horizontal layout, NS6 compatibility, and more, HV
menu is one of the best scripts in its field.
All Levels
Navigational Menu FF1+ IE6+ Chrome
All Levels Navigational Menu is a CSS/ HTML list based menu with support
for infinite levels of sub menus. It's lightweight and easy to
implement (the menu contents are simply regular HTML lists), with all of
the menu links search engine friendly.
Smooth Navigational Menu
FF1+ IE7+ Chrome
Smooth Navigation Menu is a multi level, CSS list based menu powered using
jQuery that makes website navigation a smooth affair. The menu's contents can
either be from direct markup on the page, or an external file and fetched via
Ajax instead. A configurable, sleek "slide plus fade in" transition is applied
during the unveiling of the sub menus. The menu supports both the horizontal and vertical (sidebar)
orientation.
DD Mega Menu FF1+ IE6+
Chrome
DD Mega Menu is a drop down menu system that supports arbitrary sub menu
layouts, such as multiple columns of links, even arbitrary rich HTML.
Furthermore, it supports nested mega menus, so one mega menu can contain links
that in turn trigger another mega menu to drop down.
Mega
Drop Line Menu FF28+ IE10+
Chrome21+
Mega Drop Line Menu is a modern Drop Line Menu with support for infinite
levels of sub menus. Each sub menu spans the entire width of the menu and
unfolds to reveal itself onMouseover. It uses a minimal of JavaScript (<1kb
compressed), and even works when JavaScript is disabled on desktop browsers.
Drill Down Menu FF1+ IE6+
Chrome
This script turns an ordinary UL list into a drill down style menu. The
top level UL dictates the height of the menu, with the sub levels tucked away
until navigated to. You can customize which level should be shown by default,
whether to remember the last shown level when the page reloads, plus the speed
of the "drilling" animation. Optional breadcrumb trails can be shown as well.
Chained Select menu FF1+ IE5+
Chrome
A multi-dimensional form select menu, based on Xin's
Chained Selects
script. Links can be set to open in new window.
Note: Some older menu scripts have been retired, and can be found here.