主页 / 网络编程 /

jQuery实现立体式数字动态增加（animate方法）

网络编程 2021-07-04 19:19www.168986.cn编程入门
本文主要分享了基于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、图片案例

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望多多支持狼蚁SEO！

上一篇：js编写三级联动简单案例 下一篇：js返回顶部实例分享

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by