The Powerful & Popular RokMooMenu

• Hover support for IE6 using the sfHover javascript class just like in Suckerfish.
• Fully degradable to standard SuckerFish menu if javascript is not supported.
• Configurable mouse-out delay to allow for accidental mousing out of the menu.
• Completely customizable animation effects using MooTools transitions. Can be configured in X and/or Y directions.
• Support for fade-in transparency
• Experimental support for IE6 z-index bug using the iFrame hack.

<script type="text/javascript">
window.addEvent('domready', function() {
new Rokmoomenu($E('ul.menutop'), {
bgiframe: false,
delay: 500,
animate: {
props: ['opacity', 'width', 'height'],
opts: {
duration:400,
fps: 100,
transition: Fx.Transitions.Expo.easeOut
}
}
});
});
</script>

Menu Settings

• Bgiframe - Can be true or false. Only turn on if you are having problems with IE and z-index. This feature is experimental.
• Delay - Defaults to 500ms. This is the how long you can mouse off the menu before it vanishes.
• Props - These are the properties that will be applied to the menu. Can be any combination of opacity, width, height. The two properties, width and height are affected by the transition defined in opts.
• Duration - the time in ms the animation will run for.
• Fps - speed of the animation - leave at 100 for best results.
• Transitions - any of the available MooTools transitions. See below for more details.
  For example, "Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut" produce a bouncing effect.