Skip to content

dirar/deviantmenu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

deviantMenu

deviantMenu creates a dynamic menu from a ul list and has a similar effect as the deviantart old menu

Screenshot

How to use

  1. Simply create the menu structure with ul li elements
  2. To have the menu automaticly navigate to an item just add to it 'selected' class
  3. Include mootols-core file and deviantMenu.js and deviantMenu.css file
  4. window.addEvent('domready', function(){ var devmenu = new deviantMenu('deviantMenu-main-conatiner'); });
Options:
  • itemContainer, items container class, default: 'deviantMenu-menu-item'
  • position, depends on width style for the menu
  • direction, right or left
  • duration, scroll duration
  • updateHeight, change height automatically, default: true
  • usebreadcrumbs, add breadcrumbs links, when set to false, it will be replaced with back button, default: true
  • carouselScroller, scroll menu with fixed height using the mouse, default: false
  • scrollerArea, Scroller area, default: 60
  • scrollerVelocity, Scroller speed, default: 0.3

Screenshots

Screenshot

About

a Javascript class for Mootools framework that creates an unlimited dynamic menu from a ul lists and has a similar effect as the deviantart menu http://www.deviantart.com

Resources

Stars

Watchers

Forks

Packages

No packages published