Icontem

Animate: Animate page element updating a given style value

Recommend this page to a friend!
  Info   View files View files (2)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2013-02-07 (3 years ago) RSS 2.0 feedNot enough user ratingsTotal: 281 All time: 146 This week: 30Up
Version License JavaScript version Categories
animate 1.0GNU General Publi...1.0Animation
Description Author

This object can animate a page element by updating a style value progressively.

It takes a given page element and retrieves the current value of a given numeric style value.

The object repeatedly updates the value of the style value until it reaches a given final value.

The calculation of each new value of the element style can be defined by different functions of a separate object. Different types of functions are provided to implement several levels of animation smoothness.

The time interval between the start and the end of the animation is a configurable parameter.

The object can invoke given callback functions every time the page element style value is updated, as well when the animation is completed.

Innovation Award
JavaScript Programming Innovation award nominee
February 2013
Number 4
A simple form of animating Web page elements is to gradually change the value of CSS attributes from their current value to a target value.

This class can animate any page element by incrementing or decrementing any numeric CSS property value until it reaches a final value.

It uses a configurable smoothing object that determines the attribute value for each step.

Manuel Lemos
Picture of Rafael Lúcio
  Performance   Level  
Name: Rafael Lúcio <contact>
Classes: 11 packages by
Country: Brazil Brazil
Innovation award
Innovation award
Nominee: 3x

  Files folder image Files  
File Role Description
Plain text file anim.js Class JS Class
Plain text file example.html Example Usage

 Version Control Unique User Downloads Download Rankings  
 0%
Total:281
This week:0
All time:146
This week:30Up