Login   Register  
Icontem

Page animation: Animate HTML Web page elements

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Manuel Lemos
Name: Manuel Lemos <e-mail contact>
Packages: 10 Browse all classes by Manuel Lemos Browse all classes by
Country: Portugal Portugal - JavaScript jobs in Portugal
Age: 45
All time rank: 21 in Portugal Portugal
Week rank: 5 Down1 in Portugal Portugal Equal


  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
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 or wait a given period of time.

  Classes of Manuel Lemos  >  Page animation  >  Download Download .zip .tar.gz  >  Support forum Support forum (2)  >  Blog Blog (1)  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: Page animation
Base name: animate-page
Description: Animate HTML Web page elements
Version: 1.0.0
JavaScript version: 1
License: BSD License
All time users: 1093 users
All time rank: 3
Week users: 0 users
Week rank: 40 Equal
 
  Groups   Screenshots Screenshots   Freshmeat project  
  Rate classes User ratings   Applications   Files Files  

  Groups  
Group folder image Animation Animation effects View top rated classes
Group folder image HTML HTML generation, editing and parsing View top rated classes

  Files folder image Screenshots  
Example script of page element fade animation effect
File Role Description
Accessible without login Image file animate_page.png Screen Example script of page element fade animation effect


  Freshmeat project  
Page animation
Project record: javascript-page-animation-object
Popularity score: 34.99
Vitality score: 1.72

  User ratings  
RatingsUtility Consistency Documentation Examples Tests Videos Overall Rank
All time: Sufficient (66.7%) Sufficient (75.0%) - Sufficient (66.7%) - - Not sure (47.5%) 15
Month: Not yet rated by the users

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.
  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

Install with Composer Install with Composer - Download Download all files: animate-page.tar.gz animate-page.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.