我需要某种能够执行以下操作的JavaScript:
我需要一些小绿色文字。然后,这个文本应该变得越来越大,然后以某种方式消失。这总共需要2-3秒。我将在网站上需要这些文本中的几个不同的地方,这意味着它有以下要求:
这些文字应该是直观的。它 不应该干扰用户 可以点击这样的
JavaScript应该不是很好 很重要的加载/使用用户,如 该网站已经很重了
应该可以在ASP.NET中实现
我知道这很难描述。我能给出的最好的主意是魔兽世界/其他游戏。每次拍摄时,都会得到一些描述你击中多少的数字。这是同样的想法:你在网站上做了一些动作,然后以图形方式通过这个文本动画通知用户......
你是如何解决这个问题的?
事先非常感谢...
答案 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然后与可见的改进性能交换。