jquery结合GASP数字动画插件

lem_counter是一款jquery数字动画插件。该jquery数字动画插件结合GASP使用高性能的数字动画效果。

使用方法

在页面中引入jquery、TweenLite.js和lem_counter.js文件。

<script src="jquery.min.js"></script>
<script src="TweenLite.js"></script>
<script src="lem_counter.js"></script>
                

HTML结构

使用一个<div>作为时钟动画的容器。

<div class="counter"></div>                  
                

初始化插件

在页面DOM元素加载完毕之后，可以通过lemCounter()方法来初始化该jquery数字动画插件。

$('.counter').lemCounter({
  value_to: 100
});
                

配置参数

配置参数可以通过data属性直接写在DOM元素上，例如：

<div class="counter"
     data-lem-counter='{"value_from": 100, "value_to": 500}'>
</div>           
                

可用的配置参数有：

该jquery数字动画插件的github地址为：https://github.com/lemehovskiy/lem_counter