More Specific Effects.
Valerio Proietti, http://mad4milk.net
MIT-style license.
Moo.js, Function.js, Array.js, String.js, Element.js, Fx.js
Fxpack.js | More Specific Effects. |
Fx. Scroll | The scroller effect; scrolls an element or the window to a location. |
Properties | |
down | Scrolls an element down to the bottom of its scroll height. |
up | Scrolls an element up to the top of its scroll height. |
Fx. Slide | The slide effect; slides an element in horizontally or vertically, the contents will fold inside. |
Properties | |
hide | Hides the element without a transition. |
show | Shows the element without a transition. |
toggle | Hides or shows a slide element, depending on its state; |
Fx. Color | Smoothly transitions the color of an element; Extends Fx.Base, inherits all its properties. |
Properties | |
custom | Transitions one color of the element specified in class creation smoothly from one color to the next. |
fromColor | Transitions from the color passed in to the current color of the element. |
toColor | Transitions to the color passed in from the current color of the element. |
The scroller effect; scrolls an element or the window to a location. Extends Fx.Base, inherits all its properties.
el | the $(element) to apply the style transition to |
options | the Fx.Base options (see: Fx.Base) |
Properties | |
down | Scrolls an element down to the bottom of its scroll height. |
up | Scrolls an element up to the top of its scroll height. |
The slide effect; slides an element in horizontally or vertically, the contents will fold inside. Extends Fx.Base, inherits all its properties.
This effect works on any block element, but the element cannot be positioned; no margins or absolute positions. To position the element, put it inside another element (a wrapper div, for instance) and position that instead.
mode | set it to vertical or horizontal. Defaults to vertical. and all the Fx.Base options |
var mySlider = new Fx.Slide('myElement', {duration: 500});
mySlider.toggle() //toggle the slider up and down.
Properties | |
hide | Hides the element without a transition. |
show | Shows the element without a transition. |
toggle | Hides or shows a slide element, depending on its state; |
Smoothly transitions the color of an element; Extends Fx.Base, inherits all its properties.
fx.Color, originally by Tom Jensen (http://neuemusic.com) MIT-style LICENSE.
same arguments as Fx.Style, only accepts color based properties.
var myColorFx = new Fx.Color('myElement', 'color', {duration: 500});
myColorFx.custom('000000', 'FF0000') //fade from black to red
Properties | |
custom | Transitions one color of the element specified in class creation smoothly from one color to the next. |
fromColor | Transitions from the color passed in to the current color of the element. |
toColor | Transitions to the color passed in from the current color of the element. |
Transitions one color of the element specified in class creation smoothly from one color to the next.
from | the starting color |
to | the ending color |
Both values can be any of the following formats: ‘#333’ - css shorthand with the hash ‘333’ - or without the hash ‘#333333’ - css longhand with the hash ‘333333’ - without the hash
function $A( array )
returns the element passed in with all the Element prototypes applied.
function $( el )