CountUp.js – 让数字以非常有趣的动画方式显示

　　CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 startVal 和 endVal 参数判断的。

您可能感兴趣的相关文章

• 特别推荐：10套精美的免费网站后台管理系统模板
• Parallax.js – 自适应智能设备方向的视差效果插件
• Chance – 功能强大的 JavaScript 随机数生成类库
• jQuery Wheel Menu：漂亮的 Path 风格旋转菜单
• 分享8款效果精美的 jQuery 加载动画和进度条插件

 

 

可配置的参数：

• target = 目标元素的 ID；
• startVal = 开始值；
• endVal = 结束值；
• decimals = 小数位数，默认值是0；
• duration = 动画延迟秒数，默认值是2；

使用示例：

var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);
demo.start();

 

插件下载      效果演示

 

您可能感兴趣的相关文章

• Manifesto – HTML5 离线应用程序缓存校验工具
• Popline：很特别的浮动 HTML5 文本编辑器工具栏
• Bootstrap 3.0 正式发布，更好地支持移动端开发
• jQuery Flat Shadow – 轻松实现漂亮的长阴影效果
• Superhero：构建大型 JavaScript 应用程序的资源

 

本文链接：CountUp.js – 让数字数据以好玩的动画方式显示

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源