js特效

代码结构

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>