特效描述:利用jQuery实现 打开页面 数字数值 滚动代码。利用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>真实数据 放心选择</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> <!--真实数据结束-->