Mootools Elastic Menu

| Details | Demo | Download | Read Me |
Added: 30 December, 2008
Downloads: 846
Required: javascript
Ratting: 2.75

A menu with easing collapse and expand mouse over effect. A javascript framework "Mootools" has been used to built this menu. It is really simple to look and has an easing animation of menu items and sub menus when mouse is moved over each item.



First of all upload the "mootools.js"  in your server. Then add the line below in your page between <head> and </head>

After doing this also add the style code between  <head> and </head> or merge them in your css file. If you want to change the look of the menu you have to this code

 

After this add the html code below in the place where you want to add the menu. To add new menu or submenu or to edit existing one you have to edit this part .

 

Just after this code add this javascript code in your page. This code is written using mootools framework that controls the menu. To know how this works please view documents at http://www.mootools.net