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").

The code creates a context menu when visitors right-click anywhere on the web page.

The script makes the size of menu change continually.

Whether you scroll up or down, this Menu Bar sticks to you like a mosquito in a hot night. Very impressive.

We decided to create this script when we needed a compact CSS drop down menu for a project. Chrome Menu is a CSS and JavaScript hybrid drop down menu. It's easy to configure and search engine friendly. The menu links is based on a list, while the drop down menus are simply regular DIV tags on page. Thanks to JavaScript, the menu supports subtle but important effects such as delay before menu disappearance, and repositioning of the menu if too close to any one of the four corners of the window. The entire menu, including images and external files, is extremely compact, at around 6 kilobytes.

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