Archive for the ‘Menu & Navigation’ Category

Jeegoocontext is a jQuery plugin for creating highly customizable context menus.

It transforms unordered lists into multi-level, smartly positioned navigations.

Multiple context menus can be created on the same page & they can be customized via CSS.

jQuery context menu: Jeegocontext

It has customizable time-delays for submenus' disappear values which makes browsing them easier.

The plugin also has a workaround for Opera not allowing right-click overrides & works with it as well.

SlickMap CSS is a stylesheet for transforming HTML unordered lists into attractive sitemaps.

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.

SlickCSS

ProtoFish is an advanced dropdown menu script which supports multilevel navigations & built with Prototype.

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

Multilevel Hover Menu

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.

jsTree is a cross-browser, free & flexible JavaScript tree component with various features.

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

JavaScript Tree

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.

jQuery Menu is a solid menu system that helps creating dropdown, iPod drilldown and flyout styled navigations easily.

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

jQuery Menu System

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.