文本/链接

数字滚动累加动画jQuery插件

阿里云


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

使用方法

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

也想出现在这里?联系我们
创客主机
  1. <script src="assets/js/jquery.min.js"></script>
  2. <script src="assets/js/jquery.numscroll.js"></script>

HTML 结构

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

  1. <!--默认写法-->
  2. <span class="num">888888</span>
  3. <!--推荐写法-->
  4. <span class="num" data-num="888888"></span>

初始化插件

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

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

配置参数

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

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

delay:延迟启动时长。默认值为 0
Github 网址:https://github.com/chaorenzeng/jquery.numscroll.js

数字滚动累加动画 jQuery 插件

已有 542 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!