其他代码

计数器GASP数字动画插件

阿里云

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

使用方法:

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

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

HTML 结构:

使用一个

作为时钟动画的容器。

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

初始化插件:

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

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

配置参数:

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

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

可用的配置参数有:

参数 类型 默认值
value_from int 0
value_to int 0
locale bool/string false
value_to_from_content bool false
animate_duration int 2

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

计数器 GASP 数字动画插件

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

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

发表回复

热销模板

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

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