The stylesheet can easily fit into most of the websites as it supports up to 3-level navigations.

It also provides a functional visual output by displaying the URLs besides the titles. For a demo of SlickMap CSS, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Sitemaps: Create, Edit And Share Them With WriteMaps
• Sitemaps With CSS

The script is lightweight (1.3kb minimized), unobtrusive & cross-browser.

The hover class used & delay effect of the menus can be customized with ease.

It is accessible via keyboard using the TAB key & multiple instances of ProtoFish menus can be used on the same webpage.

For demos with various number of of levels & delay effects, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• User Friendly Prototype + Script.aculo.us Popups: Modalbox
• The New Script.aculo.us For Prototype: Scripty2
• Smarter And Good Looking Lists With Smart Lists
• PrototypeXtensions: Extra Methods To Prototype
• Photoshop-Like JavaScript Color Picker

It can create the tree from the following data sources:

• predefined HTML
• JSON
• XML

Different types of nodes (open, close, rename, create, delete) can be created & supports various callbacks (onchange, oncreate, ondelete, onload, etc …).

A great feature is async loading for creating dynamic trees by simply mentioning an URL for requesting data when needed.

Other features of jsTree:

• drag & drop of nodes
• multiple node selection
• multilingual – same tree in as many languages as you like
  
• ability to customize the look & feel
• animated open/close of nodes
• optional keyboard navigation
  
• ability to move nodes between multiple trees

The component can also work as a jQuery plugin.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Table Sorter Plugin For jQuery: tablesorter
• Smart Floating Banners
• Slideshow JS: Unobtrusive JavaScript Slideshow
• Skin Your Ajax Applications: ThemeRoller
• Rounded Corners With No Images Using curvyCorners

It is the updated & much improved version of the iPod-like menu mentioned here (WRD post).

The menu system uses a hierarchical unordered list for creating the menus & sub-menus.

It is ready with ThemeRoller which makes it very easy to customize the look and has ARIA (Accessible Rich Internet Applications Suite) support.

With various configuration options & ease of use, jQuery Menu is definitely a very helpful solution for creating menus.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web Based FTP Client Similar To Windows Explorer

The script is lightweight (1.4kb) & it is an updated version of an accordion script by the same author (see WRD post).

The accordion is called with a single line JavaScript function & if wanted, the levels can be toggled from outside links besides the title of each level.

The script is compatible with all major browsers.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web Based FTP Client Similar To Windows Explorer

As the length of a breadcrumb menu may be very long & the common method used for this problem is limiting th eamount of menus used, jBreadCrumb follows another route.

It creates a collapsible interface that smartly decides the display method according to the amount and length of the elements.

This is a better navigation in means of usability & SEO.

Usage is not complicated & it only requires the jQuery Easing plugin.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web CEO: A Quality And Free SEO Software

The code is very flexible & lets you control every part of the navigation like:

• Adding new rows
• Drag’n drops
• Sorting, renaming & more.

The tree menu created can also be browsed via keyboard & supports checkboxed tree menus.

Mif.Tree is very well-documented & presents vaious examples.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web Based FTP Client Similar To Windows Explorer

What are breadcumbs?

From Wikipedia: Breadcrumbs or breadcrumb trail are a navigation technique used in user interfaces. Its purpose is to give users a way to keep track of their location within programs or documents.

Only 1 image is used for creating this navigation which is the seperator. It is a bigger image than the displayed one considering the breadcrumb will be scaled when needed.

A handy resource on a method that is used in almost every web application. To see the demo, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Web Elements Kit (PSD) For Designing Faster
• Web Applications Classic Button Set
• Sweetie: Cute And Clear Icons
• Review: PSD To HTML By PSD2HTML
• Retro Photoshop Brushes And Vector Images – Giant Design Pack

Once a category is clicked in the page, content is filtered accordingly & displayed with fadeIn/fadeOut effects.

It is possible to modify the interface provided easily by changing the effects used, like disabling items by applying opacity rather than hiding which is totally up to the imagination of everyone.

The tutorial is very detailed & comes with the source files. A demo can be found here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web Based FTP Client Similar To Windows Explorer

Once configured, a customizable (via CSS) navigation bar appears above the list, displaying letters from A to Z. When a letter is clicked, the items that start with that letter is displayed.

ListNav shows the number of items under a letter when the letter is hovered.

The plugin is optimized for long lists & can work with both ul and ol lists.

It also supports multiple navigations at the same page and works with all major browsers.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• No related posts.