deviantmenu 2

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



Details

Author
Dirar Abu Kteish
Current version
2
GitHub
dirar/deviantmenu
Downloads
3238
Category
Widgets
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.4:
    • Core
    • Browser
    • Array
    • Function
    • Number
    • String
    • Hash
    • Element
    • Class
    • Class_Extras
    • Element_Style
    • Fx
    • Fx_CSS
    • Event
    • Element_Event
    • DomReady
  • more/1.4: Scroller

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

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus