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


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

您可能感兴趣的相关文章

可配置的参数:

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

使用示例:

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

插件下载 效果演示

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn