It is ridiculously hard to find easy/simple animated text. Like the "Implosion" on this website but I'd have to pay for it. Actually any kind of simple onclick text fade in would be very cool. Any suggestions, links, or help?

It is ridiculously hard to find easy/simple animated text. Like the "Implosion" on this website http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445 but I'd have to pay for it. Actually any kind of simple onclick text fade in would be very cool. Any suggestions, links, or help?

• javascript
• jquery
• text
• animated

• 2 Just in case anyone's shy about clicking the link - it is pretty awesome, worth checking out. – No Results Found Commented Jun 30, 2011 at 17:36
• 1 I get not paying for jQuery plugins but he's only asking $5, I'd go with buying the plugin or use fadeIn/fadeOut jQuery effects. – MikeM Commented Jun 30, 2011 at 18:10
• 2 @Wesley: some may think it's awesome, some may think they sit in a time-machine and are stranded at a old MS-Frontpage-demonstration ^^ – Dr.Molle Commented Jun 30, 2011 at 18:20
• 1 One thing you definitely shouldn't do is decode his plugin and use it without a license. It's not like it would be really easy to do or anything since it's client sided. – Steve Robbins Commented Jun 30, 2011 at 18:49
• Please give feedback on the answers – ariel Commented Jul 6, 2011 at 19:46

3 Answers 3

Its not so hard to create such an effect using jQuery. Create a single element vor every character, move it somewhere and then animate it back to original position.

A simple example: http://jsfiddle.net/doktormolle/dNXVx/

Just use fadeIn jquery function (documentation):

$("#button").click(function() {$("#container").fadeIn()});

Sample: http://jsfiddle.net/cVELa/

Try Textillate.js! It allows you to animate text with effects such as flash, bounce, shake and more. In all, Textillate.js contains more than 25 effects for you to apply to your text.