Page animation: Animate HTML Web page elements

Recommend this page to a friend!
  Info   View files Example   Screenshots Screenshots   View files View files (4)   DownloadInstall with Composer Download .zip   Reputation   Support forum (2)   Blog (1)    
Ratings Unique User Downloads Download Rankings
StarStarStar 47%Total: 1,251 All time: 3 This week: 7Down
Version License JavaScript version Categories
animate-page 1.0.4BSD License1Animation, HTML
Description Author

This package can be used to animate elements of HTML Web pages.

It can manage one or more animations that may run in parallel.

Each animation is composed of a sequence of steps that apply individual effects to Web page elements.

Currently it supports the effects:

- Show or hide page elements
- Fade in or fade out page elements,
- Replace, append, or prepend HTML content into a page element,
- Slide in and out page elements horizontally or vertically,
- Give emphasis to an page element by drawing a circle around it or underlining it,
- Scroll the page to make a given element visible in the window viewport
- Show a number increasing or decreasing gradually until it reaches a target value

It also supports pseudo-effects for synchronization purposes like cancel a parallel animation, wait a given period of time, or callback a function to execute custom code before or after any animation effect.

Picture of Manuel Lemos
  Performance   Level  
Name: Manuel Lemos <contact>
Classes: 11 packages by
Country: Portugal Portugal

Screenshots  
  • animate_page.png
  Files folder image Files  
File Role Description
Accessible without login Plain text file testPageAnimation.html Example Example code for showing some animation effects
Accessible without login HTML file animation.html Output Live example page
Plain text file animation.js Class Main animation class
Accessible without login HTML file pageAnimation.html Doc. Documentation of the page animation object

 Version Control Unique User Downloads Download Rankings  
 40%
Total:1,251
This week:0
All time:3
This week:7Down
User Ratings User Comments (1)
 All time
Utility:66%StarStarStarStar
Consistency:75%StarStarStarStar
Documentation:-
Examples:66%StarStarStarStar
Tests:-
Videos:-
Overall:47%StarStarStar
Rank:56
 
Very usefull!!! Thanks!
11 years ago (mario Brandin)
70%StarStarStarStar