馬上註冊  |  找回密碼

SAY討論區

查看: 436|回復: 33
打印 上一主題 下一主題

CountUp.js – 讓數字以非常又去的動畫方式顯示 - 網站設計及開發 [複製鏈接]

好友
0
帖子
130227
積分
136402
最後登錄
2019-2-28
在線時間
0 小時
跳轉到指定樓層
樓主
發表於 2014-1-24 12:25:26 |只看該作者 |正序瀏覽
CountUp.js 無依賴的、輕量級的 JavaScript 類,可以用來快速創建以一種更有趣的動畫方式顯示數值數據。儘管它的名字叫 countUp,但其實可以在兩個方向進行變化,這是根據你傳遞的 startVal 和 endVal 參數判斷的。 
150056csogqgznqyi.jpg
 
可配置的參數:


  • target = 目標元素的 ID;
  • startVal = 開始值;
  • endVal = 結束值;
  • decimals = 小數位數,默認值是0;
  • duration = 動畫延遲秒數,默認值是2;
使用示例:

var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);demo.start(); 

插件下載      效果演示


 
 
分享分享0 收藏收藏0 讚好讚好0 Unlike!Unlike!0 分享 傳送 邀請

好友
0
帖子
125294
積分
125300
最後登錄
2019-2-28
在線時間
0 小時
34#
發表於 2014-2-2 01:15:55 |只看該作者
我幫你 喝喝  

好友
0
帖子
130341
積分
135748
最後登錄
2019-2-28
在線時間
0 小時
33#
發表於 2014-2-1 17:41:24 |只看該作者
看起來不錯的樣子

好友
0
帖子
125032
積分
125046
最後登錄
2019-2-28
在線時間
0 小時
32#
發表於 2014-2-1 08:47:38 |只看該作者
厲害!強~~~~沒的說了!  

好友
0
帖子
124785
積分
124807
最後登錄
2019-2-28
在線時間
0 小時
31#
發表於 2014-2-1 03:54:30 |只看該作者
既然來了,就留個腳印

好友
0
帖子
133530
積分
141874
最後登錄
2019-2-28
在線時間
2888 小時
30#
發表於 2014-1-31 22:43:22 |只看該作者
幫你回覆一下

好友
0
帖子
130012
積分
135426
最後登錄
2019-2-28
在線時間
0 小時
29#
發表於 2014-1-31 16:58:21 |只看該作者
頂你一下,好帖要頂!

好友
0
帖子
125462
積分
125468
最後登錄
2019-2-28
在線時間
0 小時
28#
發表於 2014-1-31 08:51:30 |只看該作者
一個認真分享文章的樓主,謝謝你

好友
0
帖子
124670
積分
124754
最後登錄
2019-2-28
在線時間
0 小時
27#
發表於 2014-1-31 02:22:44 |只看該作者
要多久才能升級啊

好友
0
帖子
124808
積分
124818
最後登錄
2019-2-28
在線時間
0 小時
26#
發表於 2014-1-30 16:44:57 |只看該作者
好人一個
您需要登錄後才可以回帖 登錄 | 馬上註冊 |

Archiver|手機版|SAY討論區

GMT+8, 2026-7-1 14:13 , Processed in 0.749490 second(s), 11 queries .

Powered by go2tutor.comDiscuz! X2

© 2026 Community Networks Limited

回頂部