jquery数字动画插件animationCounter.js
源码介绍
animationCounter.js是一款小巧的数字动画jquery插件。该jquery数字动画插件可以将数字以动画的方式从一个值变化到另外一个值。它使用简单,兼容ie8浏览器,非常实用。 可以通过bower来安装animationCounter.js 插件。 在页面中引入jquery和animationCounter.js文件。 在你需要制作数字动画的容器上调用 也可以在初始化时传入一些配置参数: 该jquery数字动画插件的可用配置参数如下: animationCounter.js数字动画插件的github地址为:https://github.com/mpavade/animationCounter.js简要教程
安装
bower install animationCounter.js
使用方法
<script src="js/jquery.min.js"></script>
<script src="js/animationCounter.js"></script>
初始化插件
animationCounter()
方法,就可以初始化该数字动画插件。
$('yourdiv').animationCounter();
$('yourdiv').animationCounter({
start: 0,
end: 500,
step: 1,
delay: 1000,
txt: ' €'
});
配置参数
参数
类型
默认值
描述
start
integer
0
数字动画开始的数值。
end
integer
null
数字动画结束的数值。
step
integer
1
数字动画的步长。
delay
integer
1000
数字跳动的时间间隔,单位毫秒。
txt
string
''
数字动画结束之后显示的文字。
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » jquery数字动画插件animationCounter.js
发表评论 取消回复