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

Display a custom menu in place of the default context menu when you right click the mouse, with this script.

Display a custom menu in place of the default context menu when you right click the mouse, with this script.

This script allows you to associate a dynamic menu with regular links on your page. As the mouse moves over the link, a menu pops up containing "sub links".

This script allows you to associate a dynamic menu with regular links on your page. As the mouse moves over the link, a menu pops up containing "sub links".

This script is used to display content in a familiar 'Explorer' type fashion. Simply click the little icon (or the header text itself) and the content in the folder will collapse/expand.

As you click a link, content of link will appear below.

A menu with links that hovers up when the mouse moves over them. In select browsers, the links depress as well on mousedown.

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 very interesting 'dot' menu. It's really worth to see.

A sleek animation effect using tabs for a slide navigation bar. Degrades very nicely when JavaScript is 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.

This is a different script to make multilevel menu when visitors click the links.

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

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.