插件描述：jquery数字增加动画特效
jQuery数字动画插件，添加一些属性和阶跃函数jQuery的动画功能特性。
需要jQuery 1.7.0或更高（2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.0）。
简单的例子
html
1 | <p>Fun level <spanid="fun-level"style="color: red; font-size: 0px;">0 %</span>.</p> |
js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | // animateNumber accepts same arguments, as animate does// it adds only 'number' and 'numberStep' params$('#fun-level').animateNumber( { number: 100, color: 'green', // require jquery.color 'font-size': '50px', easing: 'easeInQuad', // require jquery.easing // optional custom step function // using here to keep '%' sign after number numberStep: function(now, tween) { var floored_number = Math.floor(now), target = $(tween.elem); target.text(floored_number + ' %'); } }, 1800); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 9种纯CSS3人物信息卡片UI设计效果
- 下一个特效： video封装ui