当前位置：首页 > 资讯 > 技术文档

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

时间：2021-07-30 06:29 编辑：来源：阅读：
扫一扫，手机访问

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

[b]1、HTML结构[/b]

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

[b]2、js[/b]

<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>

[b]3、图片案例[/b] [img]http://files.jb51.net/file_images/article/201612/2016122111192238.gif[/img] 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程素材网！

全部评论(0)

上一篇：jquery验证邮箱格式是否正确实例讲解
下一篇：GridView中获取被点击行中的DropDownList和TextBox中的值

资讯排行榜
更多>>