jquery.numscroll.js 是一款 jQuery 数字滚动累加动画插件。该插件可以快速的制作出炫酷的数字累计动画特效,非常实用。
在页面中引入 jquery 和 jquery.numscroll.js 文件。
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.numscroll.js"></script>
使用该 jQuery 数字滚动累加动画插件的基本 HTML 结构如下。
<!--默认写法-->
<span class="num">888888</span>
<!--推荐写法-->
<span class="num" data-num="888888"></span>
在页面 DOM 元素加载完毕之后,通过下面的方法来初始化该 jQuery 数字滚动累加动画插件。
$(".num").numScroll();
该 jQuery 数字滚动累加动画插件可用的配置参数有:
time:滚动总时长。默认值为 1500
delay:延迟启动时长。默认值为 0
Github 网址:https://github.com/chaorenzeng/jquery.numscroll.js
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!