让数字以非常有趣的动画方式显示
CountUp.js 无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。
var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);demo.start();
插件下载 效果演示
可配置的参数:
target
= 目标元素的 ID;startVal
= 开始值;endVal
= 结束值;decimals
= 小数位数,默认值是0;duration
= 动画延迟秒数,默认值是2;
使用示例:
var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);demo.start();
插件下载 效果演示
【让数字以非常有趣的动画方式显示】相关文章
2. 一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...
3. 一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...
4. Lazy Line Painter – 很有趣的 jQuery 路径动画插件
5. Lazy Line Painter – 很有趣的 jQuery 路径动画插件
6. 10 个必备而且非常有用的 Ruby on Rails 4 Gems
本文来源:https://www.51html5.com/a3538.html
﹝让数字以非常有趣的动画方式显示﹞相关内容
- CSS伪类的动画和过渡效果应用
- CSS3实现简单的动画图片说明效果
- 使用CSS3的step()生成的动画效果
- 使用CSS3设计漂亮的动画效果3D大按钮
- jQuery/CSS3实现超酷的动画Tab菜单
- 5款基于jQuery实现的动画的源码
- 一款基于css3和jquery实现的动画弹出层
- 使用CSS3特效让你的页面菜单变得更加有趣
- 使用jQuery和CSS3实现一个数字时钟
- jQuery+CSS3实现数字时钟Digital Clock