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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

91 362 121



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



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
二十二
关注
TA的相关作品 >>更多
热搜关键词


热门标签: 滚动导航菜单 滚动切换 图片滚动 文字滚动 图片文字滚动 全屏滚动 页面滚动 滚动流动 自动滚动图片轮播

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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