PillMenu - add nice effect to your menu

Luscarpa , share with us simple Mootools class that help us to add nice effect to our menu. How you can see, this is a typical list with a div container used to apply the script and render the style. Luscarpa added pillMenu class to give it a default style, but we can replace it with another class like nav or nav-wrap of wordpress. Selected is the name of the class for the selected menu, this class name can be changed in the options of Mootools class.

PillMenu PillMenu   add nice effect to your menu

Availabel options to configure PillMenu:

  • vertical: [0/1] makes the movement horizontal or vertical
  • pillClass: [pill] name of class to give to pill element
  • selectedClass: [selected] name of class of selected menu item
  • duration: [short] time of duration of transition
  • transition: [Fx.Transitions.Linear] transition to apply

Demo: http://www.luscarpa.com/demo/pill-menu.php
Website: http://www.luscarpa.com/development/pillmenu-simple-pill-mootools-menu/
License: MIT and GPL licenses

Incoming search terms for the article:

Related Posts

Convert Your Navigation Menu Into Mobile Dropdown Menu

Create A Responsive Retina-Ready Menu

jQuery-Menu-Aim

CSS3 and HTML5 Musical Dropdown Menu