The new RocketTheme Pull-Down Panel uses the fantastic mootools JavaScript library and provides a very convenient way to provide functionality on your site without taking up valuable real-estate resources. On this demo site, we are using it for a style changer and a login module. During normal browsing activities, these functions are not often required, making them a perfect choice for the Pull-Down Panel
To modify how the Pull-Down Panel works, you can edit the js/roktools.js file and adjust the variables shown below:
/* variables for top panel */
var panelSize = 110;
var effectDuration = 750;
var openString = "Open Control Panel";
var closeString = "Close Control Panel";
var transition = Fx.Transitions.circOut;
The transition variable can be any of the following MooTools transitions and should be in the format ìFx.Transitions.?????î
linear
quadIn
quadOut
quadInOut
cubicIn
cubicOut
cubicInOut
quartIn
quartOut
quartInOut
quintIn
quintOut
quintInOut
sineIn
sineOut
sineInOut
expoIn
expoOut
expoInOut
circIn
circOut
circInOut
elasticIn
elasticOut
elasticInOut
backIn
backOut
backInOut
bounceIn
bounceOut
bounceInOut
|
|
Versatility III takes it to the next level with an amazing 20 color variations built-in. To see them for yourself, just click on the "Open Control Panel" tab at the top of the page and select a style.
