特效描述:jQuery 数字滚动插件 数字播放动画。jQuery数字滚动插件数字播放动画特效
代码结构
1. 引入CSS
<link rel="stylesheet" type="text/css" href="css/zzsc.css"> <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
2. 引入JS
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/jquery.waypoints.min.js"></script> <script type="text/javascript" src="js/jquery.countup.min.js"></script>
3. HTML代码
<div class="container"> <h2>jQuery数字滚动播放动画特效</h2> <h3>向下滚动页面 ↓</h3> <div class="demo"> <span class="counter">1,498,547.00</span> <span class="counter">99.99</span> <span class="counter">1234567</span> </div> </div> <script type="text/javascript"> $('.counter').countUp(); </script>