This is a fully JavaScript-contained menu system, and is quite possibly the smallest,
fastest, and one of the most customisable JavaScript hierarchial menus out there.
It supports nearly unlimited hierarchial menus with individual colours, styles, and
dimensions -- not just a boring old menu bar with one-level, one-colour popouts.
Freeform cross-frames support and menu animation/effects are included as well.
See the single-frame example file for a full feature list, or scroll down for
downloads, compatibility information, and archived versions.
- Small code -- core script compacts down to only 12kb plus menu definitions and
setup/extras, so your visitors won't be kept waiting.
- Object-orientated script for portability and multiple menus if needed.
- Easy constructor functions setup the menu data structure.
- Speedy menu creation in most browsers shows your menu before the page loads.
- Freeform cross-frame support built in.
- Each menu can be horizontal or vertical.
- Optional centring/scrolling with window or any alignment needed --
menus can be easily positioned by calculating JavaScript expressions, for instance
relative to page links or window dimensions.
- Otherwise, relative positioning means that you can
move the root menu, and all others will follow.
- Dynamic menu update mode allows menus to be changed
after loading.
- Nearly unlimited hierarchial menus (popouts) -- as many levels as needed.
- Menus don't have to overlap each other thanks to adjustable popup show and
hide timeouts.
- Popouts can show on mouseover or on click, set on a per-menu basis.
- Automatically shows only one hierarchy at a time (like Windows' menus).
- Items automatically highlight through hierarchy back to root menu.
- Customisable ItemStyle classes allow you to pass each menu and/or item a
uniform appearance by altering colours, text styles, dimensions, popout indicators,
CSS borders etc. using a powerful class system.
- Supports hoverable background colours and images throughout hierarchy.
- Background colours may fade between over and out states.
- Supports hoverable alpha filtering for translucent items in IE/Win and NS6.
- Item content can change on hover to any HTML string.
- Arbitrary HTML can be added to menus, like example dropshadows and menu borders.
- Supports frame targets and JavaScript commands in items.
- You can click anywhere on items to activate them.
- Customisable events applied to items -- onmouseover, onmouseout and onclick, to
extend the script with your own code.
- Customisable show and hide animations, for example this clipping animation.
- Much more inside...