Javascript文本动画: Bigger and bigger,然后消失

Question

我需要某种可以执行以下操作的 JavaScript:

我需要一些小的绿色文本。然后该文本应该变得越来越大，然后以某种方式消失。这总共大约需要 2-3 秒。我需要在网站的不同位置放置几个这样的文本，这意味着它具有以下要求:

• 这些文本应该只是视觉的。它不应干扰用户的操作可以点击等等

• JavaScript 不应该太复杂对于用户来说加载/使用很重，因为网站已经很重了

• 应该可以在 ASP.NET 中实现

我确实知道这很难描述。我能给出的最好的想法是魔兽世界/其他游戏。每次你射击时，你都会得到一些小数字来描述你击中了多少。这是相同的想法:您在网站上执行一些操作，然后通过该文本动画以图形方式通知用户...

你是如何解决这个问题的？

非常感谢您提前...

Answer 1

使用 jQuery.animate 可以轻松实现这一点:

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

您可以尝试这样的操作，在 5000 毫秒的时间内将不透明度从 100% 更改为 0%，将字体大小从当前更改为 5em:

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

工作示例在这里:http://jsfiddle.net/Gfca4/