google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank
Guest, register






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.


Unobtrusive JavaScript Image Rollovers Create image rollovers for your JavaScript 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.


Category: Menu

Slashdot Navigation Menu This vertical navigation menu is a stylish collapsible menu modelled after the navigational menu found on Slashdot. Session-only cookies are used to store the state of menu (whether it's expanded or not). Cool css navigation menu design!

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


dhtmlxTabBar - AJAX components for advanced Web UI dhtmlxTabBar is a JavaScript tabbar control for making dynamic tabbed-navigation interface. This UI component, AJAX supported, lets you add feature-rich and nice looking tabs to your site or web application.

The controls can be easily initialized on a web page that makes building of DHTML tabbed interface a breeze. Just assign any elements on your page (for example, DIVs) to the tabs of the Tabbar, and it will automatically do all the work for you - the component will switch these elements, displaying them by clicking on the corresponding tab.


Category: Menu, Navigation

2 level Horizontal Tab Menu A CSS based tab JavaScript menu that supports a secondary level of JavaScript menu items. Both levels are horizontal, so there no dropdown menus that may become hidden underneath form elements in browsers such as IE. Cool!


Sweet Titles This script will display the titles on your links in a very "sweet" manner. The look is customized by using CSS and is easily changed. Degrades very nicely. Additional modifications are available on Dustin's Web site.


Category: Link, Tooltip

Open Links Option This JavaScript will give the user the option to open links in either a new window or in the same window. Simple to set-up.


Category: Link

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web