人靠衣装,机靠壳装

jQuery数字滚动累加动画插件

2018-11-24 09:28 发布

00
admin
湖南省 长沙市
  • 粉丝4

  • 关注1

  • 动态2

jQuery数字滚动累加动画插件.jpg


jquery.numscroll.js数字滚动累加动画插件可以快速的制作出炫酷的数字累计动画特效,非常实用。

 使用方法

在页面中引入jquery和jquery.numscroll.js文件。

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.numscroll.js"></script>


HTML结构

使用该jQuery数字滚动累加动画插件的基本HTML结构如下。

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


jQuery数字滚动累加动画

 初始化插件

在页面DOM元素加载完毕之后,通过下面的方法来初始化该jQuery数字滚动累加动画插件。

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


配置参数

该jQuery数字滚动累加动画插件可用的配置参数有:

  • time:滚动总时长。默认值为1500。

  • delay:延迟启动时长。默认值为0。

 该jQuery数字滚动累加动画插件的github网址为:https://github.com/chaorenzeng/jquery.numscroll.js


授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

官方网站: 相关链接

在线演示

0
猜你喜欢
更多发现
子导航JS代码