dhtmlxTabBar Standard Samples.

This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. Session-only cookies are used to remember the menu state (whether it's expanded or not). Cool!

New: You can now add a expand/ contract all links to the menu, to allow your visitors to easily toggle the visibility of all submenus. Furthermore, you can specify if all submenus should be contracted by default when the menu first loads (see top of "menu.js").

Create image rollovers for your navigation without hardcoding any JavaScript into the HTML code on your Web pages. Easy to implement, even for beginners, and works across all browsers. Degrades nicely for visitors with JavaScript turned off.

xCollapsible toggles an element's 'display' property when a 'trigger' element is clicked. This behavior is applied to all of the element's nested elements. It works with 2 different HTML structures. The first demo is made of nested ULs, and the second is made of nested DIVs with an H element preceding each DIV (I use this on some of the main pages of my site). Only the outermost UL (or DIV) needs an ID.

xMenu5 is an experimental version of xCollapsible with more features.

These expanding side menus look and behave like those found in Windows XP. Great for saving space and categorizing your links.

A sleek animation effect using tabs for a slide navigation bar. Degrades very nicely when JavaScript is turned-off.

This is a simple expanding menu. The anchor tags that expand each menu are added by JavaScript, so the HTML code doesn't contain any event handlers or unnecessary HTML tags. The structure of the menu is defined with unordered and ordered lists elements.

This is a beautiful menu. I did a lot of work to make it, so please send me the URL of the page where you placed the menu.

This is a lean CSS tab menu that supports a 2nd level drop down menu for any of its tabs. Both the tabs and the drop down menus are implemented as plain HTML for easy modification and search engine friendliness. A close relative of Chrome CSS menu

Flip Menu creates a collapsible menu tree out of an ordinary HTML list! It consists of just one external .js file, in which you specify settings such as whether to persistence the menu state (using cookies), the images used to replace the default list bullets, and if any previously open branches should be closed when the current one is open. Very nice.

Omni Slide Menu is an super versatile slideout menu that reacts to the mouse hovering over and out of it. It supports enough features to make your head roll, though the default setup only takes a second to implement. All settings to the menu is done inside an external .js file.

This is an incredibly simple script. It pulls each H4 element and creates a clickable index to it. It stuffs the headings it finds in a division named indexDiv and if it didn't find any H4 tags it will even make the indexDiv invisible. You can also change it to use any other heading element.

Does your page contain lengthy chunks of text, a series of images, or long forms that dissuade people from reading them top to bottom? This script lets you transform long content on your page into a series of virtual pages, browseable via pagination links. The broken up content pieces are separated simply via arbitrary DIVs (or another block level element of your choice) with a shared class name. Pagination links are "semi automatically" created for the user to navigate to any "page" within the content easily. Watch out, pagination is no longer just a "between pages" affair thanks to this script!

This script will automatically build a "breadcrumb" navigational link to any page on your Web site. This allows your visitors to see exactly where they are on your Web site at an given time. Very easy to implement.

This clean-looking menu is very simple to implement and can be placed anywhere on a page. Adding or deleting levels is easy to do. The menu is created without tables, using unordered lists and hidden layers.