🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

numScroll.js is a jQuery plugin to create an animated counter that animates counting from zero to the desired number on the screen.

counter count-up

Documentation

NumScroll

数字滚动累加动画插件

1.使用前先引入jquery
2.前端学习群:814798690

快速使用

1.引入jquery和jquery.numscroll.js

<script src='http://code.jquery.com/jquery-2.1.1.min.js' type='text/javascript'></script> <script src="js/jquery.numscroll.js" type="text/javascript" charset="utf-8"></script>

2.拷贝以下布局结构

<!--默认写法--> <span class="num">888888</span> <!--推荐写法--> <span class="num" data-num="888888"></span>

3.创建numscroll对象:

$(".num").numScroll();

API文档

可选参数 默认值 说明
time 1500 滚动总时长
delay 0 延迟启动时长

案例展示

查看演示


You May Also Like