A very nice and easy tabbed navigation script with jQuery.

Website: http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/

Demo: http://trevordavis.net/play/javascript-tabbed-navigation/

We can create javascript treeview component quickly with jsTree. It accepts various data sources including predefined HTML, JSON and XML. User can open, close, rename, create, delete nodes easily. jsTree supports drag & drop and multiple select as well. And also, jsTree supports easy CSS customization of icons, dots, background, fonts & sizes. So that you can create your own unique javascript treeview component easily.

Requirements: jQuery Framework

Website: http://www.jstree.com

Demo: http://www.jstree.com/jsTree/examples/

MooHover is a MooTools 1.2 class that enhances regular links and form buttons with hover effect transition between two different images, giving a flash-like aspect to links and/or button and submit form inputs.

Requirement

To use this script, download MooTools 1.2 Core.

Demo

Download

There are four buttons on this example, each of which has three states. That would normally be 12 images (thus 12 server requests), but thanks to the CSS sprites technique it is only one. The technique is demonstrated practically in the form of an accordion widget.

Demo

Download

This is a jQuery based slider which auto-detects the number of “slides”. There are multiple animations per slide, which auto-plays, but has a start/stop button. Very easy to adapt.

Demo

Download

Need a block menu fast!

Below are simple CSS menu designs for you to download and use any way you see fit.

You can download the complete set, or an individual menu by clicking the Download Menu button located on each menu.

Please feel free to download for commercial or private use, and modify to suit your needs.

Website: http://e-lusion.com/design/menu/

CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. As text links are fast becoming preferred over images where search engine optimization is needed, a CSS menu can give the affectiveness of text links with a better look than standard text links. For an example of a CSS menu, look at our navigation on the left.

There are 3 different styles of menu available to generate, so for this first step, please choose the style you prefer by clicking on the appropriate radio button below then clicking the ‘Proceed’ button.

Styled Menus is a website presenting various free CSS menus.

Menus provided are cross-browser compatible & W3C validated.

There are currently 20 menus & new ones added regularly.

It is a handy resource to directly use them or to get inspired.

Website: http://www.styledmenus.com/

In this article Guillermo Rauch’s will go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends and the visitors coming to your website. This custom navigation bar needs Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible.