<div class="row data-row">
	<div class="col-xs-3">
		<div class="data-cell">
			<div class="data-heading">
				<span class="counter">2010</span><sup>年</sup>
			</div>
			<div class="data-txt">公司成立于</div>
		</div>
	</div>
	<div class="col-xs-3">
		<div class="data-cell">
			<div class="data-heading">
				<span class="counter">13</span><sup>项</sup>
			</div>
			<div class="data-txt">国家专利著作权</div>
		</div>
	</div>
	<div class="col-xs-3">
		<div class="data-cell">
			<div class="data-heading">
				<span class="counter">68</span><sup>国</sup>
			</div>
			<div class="data-txt">畅销全球</div>
		</div>
	</div>
	<div class="col-xs-3">
		<div class="data-cell">
			<div class="data-heading">
				<span class="counter">1000</span><sup>万</sup>
			</div>
			<div class="data-txt">注册资本</div>
		</div>
	</div>
</div>

<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.countup.min.js"></script>

<script type="text/javascript">
// 数字
$('.counter').countUp({
	delay: 10,
	time: 2000
});
</script>

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注