Submit your widget

Beautiful Horizontal Menu And Vertical Menu(MooTools)

Created 13 years ago   Views 12348   downloads 2480    Author n/a
Beautiful Horizontal Menu And Vertical Menu(MooTools)
View DemoDownload
Share |

MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system.




<link rel="stylesheet" href="css/MenuMatic.css" type="text/css" media="all" />
<ul id="nav">
 <li><a href="#" >Link 1</a></li>
 <li><a href="#" >Link 2</a>
   <li><a href="#" >Link3</a></li>
   <li><a href="#" >Link4</a></li>
 <li><a href="#" >Link 5</a></li>
<script type="text/javascript" src="" ></script> 
<script type="text/javascript" > google.load("mootools", "1.2.1"); </script>
<script type="text/javascript" src="js/MenuMatic_0.68.3.js" ></script>





var myMenu = new MenuMatic({/*options here*/});




  • 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.
  • Fails Gracefully: 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.