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

标签 javascript asp.net ajax text jquery-animate

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

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

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

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

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

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

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

非常感谢您提前...

最佳答案

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

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

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

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

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

关于Javascript文本动画: Bigger and bigger,然后消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4433450/

相关文章:

javascript - 删除 TinyMCE 4 中的子菜单项

javascript - 谷歌地图自动完成总是选择第一项

javascript - 如何在 Polymer 中编写 ES6 中的监听器?

javascript - 本地音频在 Icecomm 中不起作用

c# - 如何在浏览器中查看母版页

java - 停止 java servlet 中的 doGet/dopost?

javascript - 使用 XMLHttpRequest() 和 codeigniter 上传 AJAX 文件会出现错误 - "You did not select a file to upload."

javascript - 在 jQuery 中切换 AJAX 响应

asp.net - 如何提高ASP.NET MVC3应用程序数据查询性能?

asp.net - 禁用 asp 上的 future 日期 :calendar control