建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery数字动画插件animateNumber

来源:易助科技网浏览量:33收藏

简介


jquery.animateNumber.js是一款数字动画插件,可以实现数字的动画显示效果,比如从1跑到36500,从1%跑到100%类似这样的效果,数字动画效果控制多样,非常不错。


JQuery数字动画插件animateNumber-示例图



使用


1.  引入  jquery.js 和 jquery.animateNumber.js 文件


2.  HTML


<p>This plugin only <span id="lines">0</span> lines of code.</p>


3.  调用


$('#lines').animateNumber({ number: 165 });


4.  参数


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



相关链接


GitHUb 地址 :  https://github.com/zoeblow/numberAnimate

效果演示及文档 :  https://zoeblow.github.io/numberAnimate/