web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置:
首页
>
网页特效
>
动画效果
js轻量级计数器动画特效插件
分类:
动画效果
日期:
2024-05-14
点击(0)
评论(0)
演 示
免费下载
简介
countUp.js是一款轻量级的、无依赖的js计数器动画特效插件。它能够帮助我们快速的通过多种方式创建计数器的动态变化效果。通过设置startVal和endVal参数,countUp 可以在任何一个方向上计数。countUp兼容新超强,兼容所有的浏览器。 ##### 可用参数 - target :html元素的id,可以是input元素、svg文本元素或者预先提供的元素选择器变量。 - startVal :计数器开始的数值。 - endVal :计数器结束的数值。 - decimals :计数器数值精度。默认值为0。 - duration :计数器动画持续时间,单位秒,默认值2。 - options :一个对象,决定计数器数值的格式和动画easing效果。 - Decimals, duration 和 options可以使用默认值。 ```html var numAnim = new countUp("SomeElementYouWantToAnimate", 24.02, 99.99); numAnim.start(); ``` ##### 回调方法 ```html numAnim.start(someMethodToCallOnComplete); // or an anonymous function numAnim.start(function() { // do something }) ``` #### 其它方法 ------------ 停止计数器动画 ```html numAnim.stop(); ``` 恢复计数器动画 ```html numAnim.resume(); ``` 重置计数器动画 ```html numAnim.reset(); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告