jQuery立体式数字动态增加(animate方法)

Posted 以茜为贵wx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery立体式数字动态增加(animate方法)相关的知识,希望对你有一定的参考价值。

1、html结构

<div class="integral">已有<span class="ii"></span>积分</div>

2、js

<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/animateNumber.js"></script>
<script>
    $(document).ready(function() {
         $(\'.integral .ii\').animateNumber({ number: 8526 },1500);//number就是目标数
    });
</script>    

3、图片案例

以上是关于jQuery立体式数字动态增加(animate方法)的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 效果 - animate() 方法

使用jquery平滑增加图像的大小

jquery animate()方法 语法

使用 jQuery animate() 增加/减少当前填充

jquery animate方法动画效果没有

如何延长更新间隔或减少jQuery的.animate()方法的步数?