Creating Accordion, Dropdown and Sliding Menus in Mootools

  1. MenuMatic, Creating Horizontal and Vertical Menus in Mootools
  2. 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.

    Horizontal Sample
    7th

    Vertical Sample
    7th1

    View Source Article

  3. Show-Hide login panel in you wordpress theme using Mootools
  4. Add a show/hide login panel to your WordPress theme using Mootools.

    6th

    View Source Article

  5. Creating Accordion type, Animated menu in Mootools
  6. This tutorial illustrates how to implement a nice accordion (animated) menu using Mootools and some lines of CSS and HTML code ready to reuse in your project.

    View Sample

    View Source Article

  7. Creating a Sliding Menu Using the MooTools Framework
  8. The tutorial here will show you how to create a sliding menu using the MooTools framework, you are required to have basic knowledge of HTML, you don’t need to know JavaScript to follow this tutorial, but JavaScript will help you understand what the code actually does.

    View Sample

    View Source Article

  9. Mootools Show and Hide effect Menu
  10. This is the basic example with a simple show/hide effect which you can implement just with some lines of JavaScript code.

    View Sample

    View Source Article

  11. Creating Drop-Down Navigation with Movable Type
  12. The goal of this tutorial is to demonstrate how to add category driven drop-down menus to your web site.

    4th

    View Source Article

  13. Sliding top panel Menu using mootools
  14. This tutorial explains how to realize a simple sliding top panel (top/down) Menu using mootools, some line of css code and JavaScript.

    View Source Article

  15. JavaScript drop down menu using Mootools 1.2
  16. A very easy, unobtrusive way to create a drop down menu

    View Sample

    View Source Article

  17. BySlideMenu – Nice and powerful accordion menu
  18. What is BySlideMenu?
    BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or text.

    Features

    • Works horizontally or vertically.
    • Automatic size – The container width/height can be adjusted automatically.
    • Menu is expandable by mouseover or by click, as you want.
    • Menu can be pinned or not, by mouseover or click, you choose.
    • A default index can be defined.
    • Can be used with any elements (ul/li, div, p…)
    • Overflow support.

    View Soure Article

  19. Flash Without Flash: Elegant Menu Fly-out
  20. menu2
    It’s a more elegant solution than regular fly-outs, but unfortunately, it’s done in Flash. Here is my version in JavaScript built with Mootools. Follow along as I describe the HTML, CSS, and JavaScript.
    View Example
    View Source Article

    Our NS0-163 course is mainly focused on graphics. We provide high quality 646-671 resources to help you learn the expert designing skills. Join 1z0-048 online course to learn web designing at your pace.

    A total football nerd, he loves designing to the core and also likes to get his hands on some programming. He is the Co-Founder of ArtAtm. He hails from India. You may want to Follow Him On Twitter

    Jitu – who has written posts on Artatm - Creative Art Magazine.


No Responses to “Creating Accordion, Dropdown and Sliding Menus in Mootools”

Leave a Reply