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

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

 

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

 

可配置的参数:

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

使用示例:

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

 

插件下载      效果演示

 

 

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

编译来源:前端里 ◆ 关注前端开发技术 ◆ 分享网页设计资源

赞 (1) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏