Web Programming Notes

August 22, 2007

Javascript Text Effects

Filed under: Javascript — admin @ 5:48 pm

The JavaScript library TextEffect.class.js can be used to perform various effects on any piece of text within a document.   The 4 effects that have be implemented so far are: disperse, assemble, fade-in and fade-out.  If I can think of more I will add them.

See the example page for a detailed demonstration, or click the test button below:

Computer stores in Perth Western Australia

Test Disperse Method Test Assemble Method

Limitations:

  • The tag containing the text cannot contain any markup
  • Starts to slow down dramatically with a large amount of text

Features:

  • Supported (tested) in IE6, Firefox2 and Opera 9
  • More than one ‘TextEffect’ object can exist on a page without interferring with each other.
  • Code should be non-intrusive and fail gracefully.

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress