jQuery数字滚动数值页面刷新代码



77 305 102



特效描述: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>真实数据&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>
<!--真实数据结束-->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动 滚动条 页面滚动 滚动插件 滚动条插件 滚动条美化 自动滚动图片轮播 文字滚动 文字无缝滚动 文字间歇滚动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到