jQuery數字滾動數值頁面刷新代碼



81 321 108



特效描述: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

加群請備注:從官網了解到

老夫子电子