numberAnimate
numberAnimate copied to clipboard
numberAnimate js数字滚动插件
numberAnimate
numberAnimate 是一款数据滚动组件,我是站在巨人的肩膀上进行制作,提高页面美观性 ,使页面更加绚丽。
创建时间 2016-09-18 16:58
作者 @zoeblow
Demo 在线Demo
效果
版本
- V 1.0
- 修改时间 :2016-09-18 16:58
- 描述:V 1.0 首次提交,之前已经对页面,井进行过若干次修改。
- 本次就不做具体说明
- V 1.1
- 修改时间 :2019-04-09 16:23
- 描述:V 1.1 修复bug
- 修复显示错位bug
调用方式
在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:","})
参数 | 取值类型 | 默认值 | 描述 |
---|---|---|---|
num | String/Number | 必填项 | 需要滚动的数字 |
speed | Number | 1000 | 滚动的时间默认为一秒 |
symbol | String | - | 是否存在千位分隔符,可输入任意字符 |
dot | Number | 0 | 是否保留小数默认为0位小数(也就是分没有) |
pst | String | - | 是否有百分号默认为空 |