Javascript文本动画：越来越大，然后消失答案

【问题标题】：Javascript text animation: Bigger and bigger, then disappearJavascript文本动画：越来越大，然后消失
【发布时间】：2010-12-13 21:00:16
【问题描述】：

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

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

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

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

提前非常感谢...

【问题讨论】：

【解决方案1】：

这很容易通过 jQuery.animate 实现：

您可以尝试这样的方法，在 5000 毫秒内将不透明度从 100% 更改为 0%，并将 fontSize 从当前更改为 5em：

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

【讨论】：

啊！！每个人都在谈论 jQuery！好吧，我不得不在炉子里鞠躬：真是天才......非常感谢！:)
问题被标记为 jQuery 动画。所以我假设你对以 jQuery 为中心的答案很好。 :) 是的，您可以使用原始 JavaScript 来完成，但代码量会更多。
呵呵！ :) 是的——老实说，你能在不了解 jQuery 的情况下用 AJAX 创建任何严肃的东西吗？非常感谢……祝你度过愉快的一周！ :-)

【解决方案2】：

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

【讨论】：