jquery数字增加动画特效

所属分类:其他-动画效果

 9545  32  查看评论 (0)
jquery数字增加动画特效 ie兼容6

jQuery数字动画插件,添加一些属性和阶跃函数jQuery的动画功能特性。

需要jQuery 1.7.0或更高(2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.0)。

简单的例子

html

<p>Fun level <spanid="fun-level"style="color: red; font-size: 0px;">0 %</span>.</p>

js

// animateNumber accepts same arguments, as animate does
// it adds only 'number' and 'numberStep' params
$('#fun-level').animateNumber(
  {
    number: 100,
    color: 'green', // require jquery.color
    'font-size': '50px',
    easing: 'easeInQuad', // require jquery.easing
    // optional custom step function
    // using here to keep '%' sign after number
    numberStep: function(now, tween) {
      var floored_number = Math.floor(now),
          target = $(tween.elem);
      target.text(floored_number + ' %');
    }
  },
  1800
);


相关插件-动画效果

实现元素沿贝兹曲线和弧线运动

jquery实现元素沿贝兹曲线和弧线运动
  动画效果
 8306  47

three.js实现3D粒子波浪

three.js实现3D粒子波浪
  动画效果
 32282  176

CSS3提交按钮动画特效

这个提交按钮效果有两组动画:当屏幕大于800px的时候是一个动画效果,当屏幕小于800像素的时候是另一种动画效果。缩放你的浏览器看看不同的提交按钮动画效果吧!
  动画效果
 12284  89
  动画效果
 19295  130

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复