博客列表 >好用的JQ数字滚动插件(带演示页面)

好用的JQ数字滚动插件(带演示页面)

大鱼
大鱼原创
2018年04月13日 09:53:391137浏览

jquery 数字滚动方法
用的是countUp.js这个插件

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

1先初始化

  var options = {            useEasing: true,
         useGrouping: false,
         separator: ',',
         decimal: '.',
   };
   var demo = new CountUp('few', 0, 0, 0, 0.5, options);
   if (!demo.error) {          demo.start();
   } else {          console.error(demo.error);
   }

2更新

 demo.update(6000);

详细参数看http://inorganik.github.io/countUp.js/


原文出自:http://newmiracle.cn/?m=201804

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议