Javascript text animation: plus grand et plus grand, puis disparaître

Question

J'ai besoin d'une sorte de JavaScript qui peut faire ce qui suit:

J'ai besoin d'un petit texte vert. Ce texte devrait alors devenir de plus en plus grand et disparaître d'une manière ou d'une autre. Cela devrait prendre environ 2-3 secondes au total. J'aurai besoin de plusieurs de ces textes différents endroits sur le site, ce qui signifie qu'il a les exigences suivantes:

• Ces textes ne doivent être que visuel. Il ne devrait pas interférer avec ce qu'un utilisateur peut cliquer sur et tels

• Le JavaScript ne doit pas être très lourd à charger/utilisation pour l'utilisateur, comme le site est déjà assez lourd

• Devrait être implémentable dans ASP.NET

Je sais que c'est assez difficile à décrire. La meilleure idée que je peux donner est World of Warcraft/autres jeux. Chaque fois que vous tirez, vous obtenez un petit nombre décrivant combien vous avez frappé. C'est la même idée: vous effectuez une action sur le site, puis l'utilisateur est informé graphiquement par cette animation de texte ...

Comment venez-vous autour de cela?

Merci beaucoup à l'avance ...

Answer 1

C'est facile à réaliser avec jQuery.animate:

Vous pouvez essayer quelque chose comme ça, qui change l'opacité de 100% à 0% et fontSize du courant à 5em au cours de 5000 ms:

$ ('.div'). Animate ({opacité: 0, fontSize: '5em'}, 5000);

Exemple de travail est ici: http://jsfiddle.net/Gfca4/

Answer 2

Si vous pouvez le trouver Walter Zorn JS Graphics avait un moteur graphique javascript qui a travaillé en créant des pixels individuels en utilisant divs 1x1. Il est capable de dessiner des lignes, des formes et du texte. Le site avait un double exemple d'animation de tampon en cachant la div que vous dessinez, puis échangez avec le visible améliore les performances.

Walter Zorn's website is down