#JS 数字滚动累加动画插件
Posted kevintseng
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了#JS 数字滚动累加动画插件相关的知识,希望对你有一定的参考价值。
数字滚动累加动画插件 NumScroll
1.使用前先引入jquery
2.前端学习群:739574382
下载地址
快速使用
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>
3.创建numscroll对象:
$(".num").numScroll();
API文档
可选参数 | 默认值 | 说明 |
---|---|---|
time | 1500 | 滚动总时长 |
delay | 0 | 延迟启动时长 |
案例展示
以上是关于#JS 数字滚动累加动画插件的主要内容,如果未能解决你的问题,请参考以下文章