CORE
NATIVE
TABLE
MAKE
CUSTOMIZE
EFFECTS
effects_base.js
effects_morph.js
effects_fade.js
effects_move.js
effects_extra.js
effects_toggle.js
effects_cycle.js
effects_cycles.js
VIRTUAL BOX
PLUG-IN
|
effects_base.js
Credits
Contains Class Fx, Class Element, Function fxToHash Requires Summary
Extends the Fx Class for creating the moo.rd Effects Repository and fully-customizable effects.
Extends Class Fx Methods
top method initStyles initializes all the styles you want for later usages
top method removeAuto removes the 'auto' value from all the styles you want, to obtain a cross-browser feeling
top method setPosition sets position's value to 'relative' if the element isn't positioned
Extends Class Element Methods
top method fx returns a determinate Fx instance you can pick out from the moo.rd Effects Repository
Arguments
Example // use Fx.Fade var fade = element.fx('fade'); fade.start('toggle'); // use Fx.Move var move = element.fx('move', {duration:2000}); move.start(120, 58); top method effect sets a determinate Fx instance and start the effect immediately. Returns the element instead of fx method which returns an instance
Arguments
Example // call an effect immediately el.effect('fade'); // set the instance options first el.set('fade', {duration: 2000}); // call the effect later el.effect('fade'); el.effect('fade', 'toggle'); // move an element immediately el.effect('move', 40, 440); top method removeAuto removes the 'auto' value from all the styles you want of this element.
top function fxToHash Extends the Element.Properties Hash for using all the Fx effects as Element's dynamic shortcuts
Example var el = $('element'); // sets a Fx.Pulsate instance for later usage el.set('pulsate', {times: 24}); // pulsate an element 24 times el.effect('pulsate'); // sets a Fx.SwitchOff instance an use it immediately el.get('switchOff', {duration: 2000}).start();
Documentation By
Riccardo Degni -
powered by MakeDocs, CMS by RD |