利用jQuery实现打开页面数字数值滚动代码

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css" type="text/css">

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/timepeople.js"></script>

3. HTML代码

<!--真实数据开始-->
<div class="time">
	<div class="time_content">
        <div class="time_left">
        	<h1>真实数据&nbsp;放心选择</h1>
        	<h2>专注学历教育15年</h2>
        </div>
        <div class="time_right">
        	<div class="wrapper" id="dt">
            	<div class="wrapper1">
                    <div class="counter col_fourth time1">
                      <h2 class="timer count-title" data-to="300000" data-speed="2000">300000</h2>
                    </div>
                    <div class="timex">以上</div>
                    <div class="timey">付费学员</div>
                 </div>
                 <div class="wrapper2">
                    <div class="counter col_fourth time2">
                      <h2 class="timer count-title" data-to="107" data-speed="2000">107</h2>
                    </div>
                    <div class="timex">家</div>
                    <div class="timey">地区分部</div>
                 </div>
                 <div class="wrapper3">
                    <div class="counter col_fourth time3">
                      <h2 class="timer count-title" data-to="1000" data-speed="2000">1000</h2>
                    </div>
                    <div class="timex">多人</div>
                    <div class="timey">教研团队</div>
                 </div>
            </div>
			<script type="text/javascript">
                 $('.timer').each(count) 
                 $('.timer').each(count1);
            </script>
        </div>
    </div>
</div>
<!--真实数据结束-->