Javascript text animation: Bigger and bigger, then disappear

I need some kind of JavaScript which can do the following:

I need some small green text. This text should then grow larger and larger and then disappear in some way. This should take around 2-3 seconds in total. I will need several of these texts different places on the website, which means it has the following requirements:

• These texts should only be visual. It should not interfere with what a user can click upon and such

• The JavaScript shouldn't be very heavy to load/use for the user, as the website already is quite heavy

• Should be implementable in ASP.NET

I do know this is quite hard to describe. The best idea I can give is World of Warcraft / other games. Each time you shoot, you get some small number describ开发者_开发技巧ing how much you hit. This is the same idea: You do some action on the website, and then the user is informed by this text animation graphically...

How do you come around this?

Thanks so much on beforehand...

---

This is easy to achieve with jQuery.animate:

http://api.jquery.com/animate/

You can try something like this, which changes the opacity from 100% to 0% and fontSize from current to 5em over the course of 5000 ms:

$('.someDiv').animate({opacity:0,fontSize:'5em'}, 5000);

Working example is here: http://jsfiddle.net/Gfca4/

---

If you can find it Walter Zorn JS Graphics had a javascript graphics engine that worked by creating single pixels using 1x1 divs. It is able to draw lines, shapes, and text. The site had a double buffer animation example by hiding the div you're drawing in then swap with the visible improves performance.

Walter Zorn's website is down