码迷,mamicode.com
首页 > Web开发 > 详细

#JS 数字滚动累加动画插件

时间:2018-09-22 16:01:40      阅读:629      评论:0      收藏:0      [点我收藏+]

标签:script   图片   前端   span   char   滚动   引入   案例   api   

数字滚动累加动画插件  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 数字滚动累加动画插件

标签:script   图片   前端   span   char   滚动   引入   案例   api   

原文地址:https://www.cnblogs.com/KevinTseng/p/9690139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!