MenuMatic is a MooTools 1.2 class that takes a semantic ordered or unordered list of links and turns it into a dynamic drop down menu system. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll's keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb.

 

MenuMatic is:

  • Search Engine Friendly: Only manipulates existing links, does not generate links with javascript.
  • Usable: Adjust hide delay to keep menus from disappearing to quickly.
  • Accessible: Tab through main menu links with tab key. Navigate through drop down menus with arrow keys.
  • Progressive Enhancement: Falls back to suckerfish CSS based drop down menu system in the absence of javascript.
  • Stylish: Control how menu looks with CSS, add flair with some effects.
  • Flexible: With plenty of options (and more coming down the road) and the open source code, make it do your bidding.

Author

http://code.google.com/p/menumatc/

Requeriments:MooTools 1.2.1

License: MIT License

 
Attachments:
Download this file (MenuMatic_0.68.3.zip)MenuMatic_0.68.3.zip 127 kB

Add comment


Security code
Refresh

Parent Category: Slider | Tabs | Menu
Category: MooTools

Search


Latest News

Animated CSS3 Photo Stack

Animated CSS3 Photo Stack
Animated CSS3 photo stack is use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers...
Read More...

Threesixty-slider

Threesixty-slider
Threesixty-slider is a jQuery 360 image slider plugin. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature...
Read More...

D3.js a Data-Driven Documents

D3.js a Data-Driven Documents
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern...
Read More...

Three.js A awesome 3D Engine

Three.js A awesome 3D Engine
Three.js is a library that makes WebGL - 3D in the browser - very easy. While a simple cube in raw WebGL would turn out hundreds of lines of Javascript and shader code, a Three.js equivalent is only...
Read More...

MilkChart

MilkChart
To transform a table of data into a chart, simply create a MilkChart object of the chart type you wish passing in the table id and an object containing options for the chart.
Read More...
  • 1

Who's Online

We have 21 guests and no members online

Latest Users

  • Sheilaweks
  • Eugenebino
  • bllkkion
  • Michaelpt
  • Annetes3vek