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_move.js
Contains a collection of effects based on the elements movement.
Contains
Class Fx.Shake, Class Fx.Move, Class Fx.Rumble, Class Fx.ScrollOut, Class Element
Requires
Summary
| Fx.Shake | Shakes the element for a determinate number of times horizontally or vertically | |
| Fx.Move | Moves the element wherever you want | |
| Fx.Rumble | Enables a particular drag mode on the element | |
| Fx.ScrollOut | Scrolls an element out of his viewport | |
| Element | Extends the Element Class with Fx shortcuts | |
| Element.Properties | Extends the Element.Properties Hash with effects_move.js Fx effects |
Shakes the element for a determinate number of times horizontally or vertically
Extends
Fx.Tween
Constructor
new Fx.Shake (element, options)
Properties
| element | the element | |
| options | the Fx Options plus the following |
Options
| mode | the effect mode. Can be 'vertical' (height/top transition, default) or 'horizontal' (width/left transition) | |
| size | how far the element will be shaken in each direction. Default is 10 | |
| times | how many tmes the element will be shaken. Default is 14 |
Methods
| start | starts the Fx.Shake effect |
top method start
starts the Fx.Shake effect
Arguments
| mode | optional. the effect mode |
Example
var fx = new Fx.Shake('box'); fx.start();
Moves the element wherever you want
Extends
Fx.Morph
Constructor
new Fx.Move (element, options)
Properties
| options | the Fx Options |
Methods
| start | starts the Fx.Move effect |
top method start
starts the Fx.Move effect
Arguments
| top | the value of the top direction | |
| left | the value of the left direction |
Example
var fx = new Fx.Move('box'); fx.start(20, 400);
Enables a particular drag mode on the element. When it will be released, an elastic transition will be fired
Extends
Fx.Morph
Constructor
new Fx.Rumble (element, options)
Properties
| element | the element | |
| options | the Fx Options |
Methods
| start | starts the Fx.Rumble effect |
top method start
starts the Fx.Rumble effect
Example
var fx = new Fx.Rumble('box'); fx.start();
top method detach
detaches the drag instance
Example
fx.detach();
Scrolls an element out of his viewport
Extends
Fx.Tween
Constructor
new Fx.ScrollOut (element, options)
Properties
| options | the Fx Options |
Methods
| start | starts the Fx.ScrollOut effect |
top method start
starts the Fx.ScrollOut effect
Arguments
| where | The direction. Can be 'up' (default), 'down', 'left' or 'right'. If you pass 'reset' the position will be resetted |
Example
var fx = new Fx.ScrollOut('box'); // scroll up fx.start('up'); // scroll left fx.start('left');
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
| shake | returns an Fx.Shake instance | |
| move | returns an Fx.Move instance | |
| rumble | returns an Fx.Rumble instance | |
| scrollOut | returns an Fx.ScrollOut instance |
top method shake
returns an Fx.Shake instance
top method move
returns an Fx.Move instance
top method rumble
returns an Fx.Rumble instance
top method scrollOut
returns an Fx.ScrollOut instance
Extends the Element.Properties Hash for using the effects_move.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
