WebAppers

/ best free open source web resources /

Shopify

MenuMatic – Dynamic Drop Down Menu for MooTools

Posted · Category: Menu, MIT License

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. For users without javascript, it falls back on a CSS menu system. MenuMatic has the following main features.

  • 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.

MenuMatic

Requirements: MooTools 1.2 Core
Demo: http://greengeckodesign.com/projects/menumatic.aspx
License: MIT License

10 Comments
  • http://www.anoldhouse.net/blog/ Matthias

    That’s really looking nice… but sadly it’s based on Mootools.

  • Pingback: MenuMatic: un excelente menu desplegable para MooTools | Adictos a la red

  • http://www.adictosalared.com Pablo

    Great post!!!. Thank you

  • Pingback: MenuMatic: un excelente menu desplegable para MooTools | Planeta Tecnologia

  • Nelson

    Hi, Thanks for the post is a very cool feature.
    but I have a problem with it. Is not showing up in IE6.
    Any ideas?

    thanks.

  • http://www.fedmich.com fedmich

    yes, it looks nice. and I think there was a jQuery version somewhere… I just cant remember where I saw it.

  • http://branstrom.name Fredrik Bränström

    MooTools ftw! Looks like a really neat script.

  • http://www.xpertdeveloper.com Avi

    Hi
    Nice one.
    Mootools rocks
    Thanks for post.

  • http://www.dazzleindia.com/ Dazzle India Technologies

    jquery conflict with mootools …. what should i have to do.

  • http://www.dazzleindia.com/ Dazzle India Technologies

    jquery conflict with mootools …. what should i have to do.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons