JQuery Animation

Action Effect
animate({property: value, [property: value]},timespanInMs) Animate the properties in the list from their current values to the listed values in timespan
animate({property: +=value …},timespanInMs) Animate the properties in the list from their current values to the current value + parameter values in timespan
animate({property: -=value …},timespanInMs) Animate the properties in the list from their current values to the current value – parameter values in timespan
animate({property: value, [property: value]},timespanInMs,easing) Animate the properties in the list from their current values to the listed values in timespan, adjusting the start and finish rates by the easing: linear | swing.
delay(delayInMs) delay for parameter time before the next item in a chain
stop(clearqueue) stop animating and possible clear the queue true | false
stop(clearqueue,gotoEnd) stop animating and possible clear the queue true | false, and jump to the end of the animation true | false

Note that a plugin is required to animate colors.

A plugin is available to provide other easing types, some of which include temp. overshoots.

The UI library plugin contains both of these plugins.

Leave a Reply