JavaScript Code, Tutorials, Examples, Reference






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


Automatic Breadcrumbs This JavaScript will automatically build a "breadcrumb" navigational JavaScript 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.


Category: Menu, Navigation

Page Index 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.


Category: Menu, Navigation

Omni Slide Menu Omni Slide Menu is an super versatile slideout JavaScript 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 JavaScript menu is done inside an external .js file.


Category: Menu, Floatable

Flip Menu (v 5.0) 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 JavaScript 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.


Category: Menu, Navigation

Move-Down Menu 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.


Category: Menu, Floatable

Expanding Navigation Menu onClick This is a simple expand collapse 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.


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


Category: Menu, Navigation

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


Category: Menu, Navigation

xCollapsible & xMenu5 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.


JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web
Have a break, have a manatee