Versatility III Menu Options | | Print | |
Written by Administrator |
Saturday, 31 March 2007 17:39 |
Versatility 3 features the exciting and exclusive RokMooMenu system for the ultimate in menu functionality and style, as well as the popular and reliable RTSplitMenu. Here you can read an overview of the Versatility 3 menu configuration options. Selecting your Menu StyleVersatility 3 allows you to choose from 2 menu options:
The Powerful and Popular RokMooMenuMaking its return this month is the immensely popular RokMooMenu. This menu has been developed from scratch using the latest and greatest MooTools JavaScript framework. The RokMooMenu is a highly advanced and fully customizable menu system. It is fully accessible and degrades to a standard SuckerFish menu if JavaScript is not enabled or supported. Some of the great features include:
An example configuration as used in the demo: <script type="text/javascript"> window.addEvent('domready', function() { new rokmoomenu($E('ul.nav'), { bgiframe: false, delay: 500, animate: { props: ['opacity', 'width', 'height'], opts: { duration:400, fps: 100, transition: Fx.Transitions.Cubic.easeOut } } }); }); </script> 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.transition- any of the available MooTools transitions. See below for more details.The transition variable can be any of the following MooTools transitions and should be in the format Fx.Transitions.????? For example, " Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut" produce a bouncing effect. For more details with diagrams, visit the Mootools documentation site
Using RokMooMenu Menu DropDownsAssigning Parent Items to Create Your Drop-DownsTo have specific menu items appear as sub items, you must assign them to the specific navigation item in which they will originate from. The following tutorial will show you how simple it is to create your ideal menu system.
|
Last Updated on Thursday, 14 February 2008 18:35 |