非常简单好用的一个数字滚动插件countUP

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

 3019  40  查看评论 (4)
非常简单好用的一个数字滚动插件countUP ie兼容6

插件的使用很简单:

demo:给下面的数字添加滚动功能:

<body>
    <div class="timer">18362.86</div>
</body>

首先引入jq和js插件,

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery.countUp.js"></script>

然后,给JQuery 添加方法,设置参数,

<script type="text/javascript">
    //调用案例,需要在被调用的标签内 写上最终的数值
    jQuery(function($) {
        $(".timer").countTo({
            lastSymbol:" %", //显示在最后的字符
            from: 0,  // 开始时的数字
            speed: 2000,  // 总时间
            refreshInterval: 10,  // 刷新一次的时间
            beforeSize:0, //小数点前最小显示位数,不足的话用0代替 
            decimals: 2,  // 小数点后的位数,小数做四舍五入
            onUpdate: function() {
            },  // 更新时回调函数
            onComplete: function() {
                for(i in arguments){
                    console.log(arguments[i]);
                }
            }
        });
    });
</script>


相关插件-动画效果

触发动画插件scrollreveal.js

scrollreveal.js是JavaScript用来显示动画的插件。它可以提供很简单的方法创建和维护多元素进入视角,并触发,消失。
  动画效果
 17552  53

超炫背景粒子效果

超炫背景粒子效果
  动画效果
 12313  203

jquery颜色动画插件jquery.colorAnimations.js

jquery颜色动画插件jquery.colorAnimations.jsjquery
  动画效果
 9827  7

QQ抖动效果

仿QQ抖动效果代码,兼容主流浏览器
  动画效果
 10144  35

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

    ZHAO_0
    2017/1/17 16:15:40

    棒棒的

        ZHAO_0
        2017/1/17 16:16:14

    回复
    KaMe翼0
    2017/1/4 16:01:39

    不错找了蛮久了,总算找到一个后面可以加符号的

        qq0
        2017/1/6 11:01:48

        ^_^

    回复
取消回复
    PROMULGATOR

    qq

    上海市