一款轻量级jQuery数字跳跃动画插件 - jquery.countup.js4195
该数字动画插件可以在页面滚动时,将指定的数字从0开始计数增加动画。
可以控制动画的延迟时间和动画过渡时间。它依赖于Waypoints插件来监听滚动事件。

使用data-counter-time和data-counter-delay属性来设置数字动画的动画时间和延迟时间。
<span class="counter" data-counter-time="5000" data-counter-delay="50">1981</span>
<span class="counter" data-counter-time="100" data-counter-delay="20">9842</span>     
在页面DOM元素加载完毕之后,可以通过countUp()方法来初始化数字动画。
$('.counter').countUp();
也可以在初始化的时候传入配置参数。
$('.counter').countUp({
    delay: 10,
    time: 2000
});  

技术讨论区(1 个讨论)

  1. 某人 1

    某人

    好样的,非常实用谢谢

    2016-12-21 19:01:19 | 回复

  2. 请先登录

      发 布