animationCounter.js 是一款小巧的数字动画 jquery 插件。该 jquery 数字动画插件可以将数字以动画的方式从一个值变化到另外一个值。它使用简单,兼容 ie8 浏览器,非常实用。
在页面中引入 jquery 和 animationCounter.js 文件。
<script src="js/jquery.min.js"></script>
<script src="js/animationCounter.js"></script>
在你需要制作数字动画的容器上调用 animationCounter()方法,就可以初始化该数字动画插件。
也可以在初始化时传入一些配置参数:
$('yourdiv').animationCounter({
start: 0,
end: 500,
step: 1,
delay: 1000,
txt: ' €'
});
该 jquery 数字动画插件的可用配置参数如下:
参数 | 类型 | 默认值 | 描述 |
start | integer | 0 | 数字动画开始的数值。 |
end | integer | null | 数字动画结束的数值。 |
step | integer | 1 | 数字动画的步长。 |
delay | integer | 1000 | 数字跳动的时间间隔,单位毫秒。 |
txt | string | '' | 数字动画结束之后显示的文字。 |
animationCounter.js 数字动画插件的 github 地址为:https://github.com/mpavade/animationCounter.js
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!