其他代码

animationCounter - 数字动画jquery插件

阿里云


animationCounter.js 是一款小巧的数字动画 jquery 插件。该 jquery 数字动画插件可以将数字以动画的方式从一个值变化到另外一个值。它使用简单,兼容 ie8 浏览器,非常实用。

使用方法:

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

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

初始化插件:

在你需要制作数字动画的容器上调用 animationCounter()方法,就可以初始化该数字动画插件。

$('yourdiv').animationCounter();

也可以在初始化时传入一些配置参数:

  1. $('yourdiv').animationCounter({
  2.   start: 0,
  3.   end: 500,
  4.   step: 1,
  5.   delay: 1000,
  6.   txt: ' €'
  7. });

配置参数:

该 jquery 数字动画插件的可用配置参数如下:

参数 类型 默认值 描述
start integer 0 数字动画开始的数值。
end integer null 数字动画结束的数值。
step integer 1 数字动画的步长。
delay integer 1000 数字跳动的时间间隔,单位毫秒。
txt string '' 数字动画结束之后显示的文字。

animationCounter.js 数字动画插件的 github 地址为:https://github.com/mpavade/animationCounter.js

animationCounter - 数字动画 jquery 插件

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

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

发表回复

热销模板

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

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