Javascript文本动画:越来越大，然后消失

Question

我需要某种JavaScript，它可以执行以下操作：

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

• 这些文本应该是视觉的。它不应干扰用户可以单击的内容等等。
• 对于用户来说，JavaScript的加载/使用不应该太重，因为网站已经很重了。
• 应该在ASP.NET中实现

我知道这是很难描述的。我能给出的最好的主意是魔兽世界/其他游戏。每次你开枪的时候，你都会得到一些很小的数字，描述你击中了多少。这是同样的想法:你在网站上做一些动作，然后用户会被这个文字动画图形化地告知.

你是怎么解决这个问题的？

非常感谢事先..。

Answer 1

这在jQuery.animate中很容易实现：

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

您可以尝试这样的方法，它在5000 ms的过程中将不透明度从100%更改为0%，将fontSize从current更改为5em：

$(‘.someDiv’).animate({不透明度:0，fontSize:'5em'}，5000)；

工作示例如下：http://jsfiddle.net/Gfca4/

Answer 2

如果您能找到它，Walter Graphics有一个javascript图形引擎，它通过使用1x1div创建单个像素来工作。它能够绘制线条、形状和文本。该站点有一个双缓冲区动画示例，通过隐藏您正在绘制的div，然后与可见的改进性能交换。

沃尔特·佐恩的网站坏了