插件窝 资源共享 numberAnimate js数字滚动插件

numberAnimate js数字滚动插件

免费下载 滚动 插件 js 1578    2019-09-30

一款滚动式数字插件,非常适合于一些统计页面作为特效展示,支持各种数值类型,小数点或者逗号分隔都可以自定义配置,非常实用,欢迎免费下载

demo如下:

numberAnimate.gif

调用方式

在html中引入jquery之后引入numberAnimate.js 完成之后即可直接使用

<div class="number_run_box"></div> <br><br>
            
<script type="text/javascript" src="../dest/script/jquery.min.js"></script>
<script type="text/javascript" src="../dest/script/numberAnimate.js"></script>
<script>    $(".number_run_box").numberAnimate({num:'15342.10', pst:"%", dot:2, speed:2000, symbol:","});</script>


参数

numberAnimate({num:'15342.10', pst:"%", dot:2, speed:2000, symbol:","})
参数取值类型默认值描述
numString/Number必填项需要滚动的数字
speedNumber1000滚动的时间默认为一秒
symbolString-是否存在千位分隔符,可输入任意字符
dotNumber0是否保留小数默认为0位小数(也就是分没有)
pstString-是否有百分号默认为空