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_extra.js
Contains a collection of miscellanous effects.
Contains
Class Fx.Pulsate, Class Fx.SwitchOff, Class Fx.Gradient, Class Element
Requires
Summary
| Fx.Pulsate | Pulsates the element for a determinate number of times | |
| Fx.SwitchOff | Switch an element off vertically or horizontally | |
| Fx.Gradient | Transition the background-color or the color of an element how many times you want | |
| Element | Extends the Element Class with Fx shortcuts | |
| Element.Properties | Extends the Element.Properties Hash with effects_extra.js Fx effects |
Pulsates the element for a determinate number of times
Extends
Fx.Tween
Constructor
new Fx.Pulsate (element, options)
Properties
| element | the element | |
| options | the Fx Options plus the following |
Options
| times | how many tmes the element will be pulsated. Default is 14 |
Methods
| start | starts the Fx.Pulsate effect |
top method start
starts the Fx.Pulsate effect
Arguments
| last | optional. the last value of the opacity. Default is 1. |
Example
var fx = new Fx.Pulsate('box'); fx.start();
Switch an element off vertically or horizontally
Extends
Fx.Morph
Constructor
new Fx.SwitchOff (element, options)
Properties
| element | the element | |
| options | the Fx Options plus the following |
Options
| mode | the effect mode. Can be 'vertical' (height transition, default) or 'horizontal' (width transition) | |
| switchDuration | the duration of the switch. Default is 100 |
Methods
| start | starts the Fx.SwitchOff effect |
top method start
starts the Fx.SwitchOff effect
Arguments
| mode | optional. the effect mode |
Example
var fx = new Fx.SwitchOff('box'); fx.start();
Transition the background-color or the color of an element how many times you want
Extends
Fx.Tween
Constructor
new Fx.Gradient (element, options)
Properties
| element | the element | |
| options | the Fx Options plus the following |
Options
| end | if true will be added a final transition which set the background-color to its original value | |
| gradient | the property to alter, can be 'background-color' (default) or 'color' |
Methods
| start | starts the Fx.Gradient effect |
top method start
starts the Fx.Gradient effect
Arguments
| colors | an array of colors | |
| gradient | optional. The property to alter, can be 'background-color' or 'color' |
Example
var fx = new Fx.Gradient('box'); // two transitions fx.start(['#56617D', '#78ba91']); // six transitions fx.start(['#56617D', '#78ba91', '#8eaeaf', '#9a6f1b', '#a87aad', '#eeaba8']);
Extends the Element Class with Fx shortcuts.All these methods accept the same arguments of the relative Fx effect (obviously without the element)
Extends
Class Element
Methods
| pulsate | returns an Fx.Pulsate instance | |
| switchOff | returns an Fx.SwitchOff instance | |
| gradient | returns an Fx.Gradient instance |
top method pulsate
returns an Fx.Pulsate instance
top method switchOff
returns an Fx.SwitchOff instance
top method gradient
returns an Fx.Gradient instance
Extends the Element.Properties Hash for using the effects_extra.js Fx Classes as Element's dynamic shortcuts with the Element.effect method
Documentation By
Riccardo Degni -
powered by MakeDocs, CMS by RD
The moo.rd documentation is released under the
Creative Commons BY-NC SA License
