直接使用代码

图片素材

无

css代码

HTML+JS代码

   
<div class="container">
  <h1 class="text-center">OUR CUSTOMER</h1>
  <div class="center-block w150 h04 bg-red"></div>
  <h2 class="text-center">壹典客户</h2>
  <div class="clear"></div>

  <div class="row  number ">
    <div class="col-md-4 text-center">
      <h1 class="red text-center"><span class="counter">10</span></h1>
      <p>10年积累</p>
    </div>
    <div class="col-md-4 text-center">
      <h1 class="red text-center"><span class="counter">40</span></h1>
      <p>40余人设计师</p>
    </div>
    <div class="col-md-4 text-center">
      <h1 class="red text-center"><span class="counter">1000</span></h1>
      <p>超过1000次服务经验</p>
    </div>
  </div>
  <div class="clear">&nbsp;</div>
</div>
<script src="/Public/images/demo/index6/jquery.countup.js"></script>
<script src="/Public/images/demo/index6/jquery.waypoints.min.js"></script>
<script type="text/javascript">
  $(".counter").countUp({
    delay: 10,
    time: 2000
  });
</script>