Javascript文本动画:更大更大,然后消失

时间:2010-12-13 21:00:16

标签: javascript asp.net ajax text jquery-animate

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

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

  • 这些文字应该是直观的。它 不应该干扰用户 可以点击这样的

  • JavaScript应该不是很好 很重要的加载/使用用户,如 该网站已经很重了

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

我知道这很难描述。我能给出的最好的主意是魔兽世界/其他游戏。每次拍摄时,都会得到一些描述你击中多少的数字。这是同样的想法:你在网站上做了一些动作,然后以图形方式通过这个文本动画通知用户......

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

事先非常感谢...

2 个答案:

答案 0 :(得分:3)

使用jQuery.animate很容易实现:

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

您可以尝试这样的方法,在5000毫秒的过程中将不透明度从100%更改为0%,将fontSize从当前更改为5em:

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

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

答案 1 :(得分:0)

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

Walter Zorn's website is down