<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery计数器动画特效插件DEMO演示</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css'>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<h1>JQUERY NUMBER ANIMATION</h1>
<h3>jQuery counter to count up to a target number</h3>
<div class="wrapper">
<div class="counter col_fourth">
<i class="fa fa-code fa-2x"></i>
<h2 class="timer count-title" id="count-number" data-to="300" data-speed="1500"></h2>
<p class="count-text ">SomeText GoesHere</p>
</div>
<div class="counter col_fourth">
<i class="fa fa-coffee fa-2x"></i>
<h2 class="timer count-title" id="count-number" data-to="17870" data-speed="1500"></h2>
<p class="count-text ">SomeText GoesHere</p>
</div>
<div class="counter col_fourth">
<i class="fa fa-lightbulb-o fa-2x"></i>
<h2 class="timer count-title" id="count-number" data-to="847" data-speed="1500"></h2>
<p class="count-text ">SomeText GoesHere</p>
</div>
<div class="counter col_fourth end">
<i class="fa fa-bug fa-2x"></i>
<h2 class="timer count-title" id="count-number" data-to="157" data-speed="1500"></h2>
<p class="count-text ">SomeText GoesHere</p>
</div>
</div>
<script src='js/jquery.js'></script>
<script src="js/index.js"></script>
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
</body>
</html>
