12 3 4 下一頁

查看: 431|回復: 33

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

xdxd125

Adult

好友: 0
帖子: 130227
積分: 136402
最後登錄: 2019-2-28
在線時間: 0 小時

電梯直達

樓主

發表於 2014-1-24 12:25:26 |只看該作者 |倒序瀏覽

CountUp.js 無依賴的、輕量級的 JavaScript 類，可以用來快速創建以一種更有趣的動畫方式顯示數值數據。儘管它的名字叫 countUp，但其實可以在兩個方向進行變化，這是根據你傳遞的 startVal 和 endVal 參數判斷的。

可配置的參數：

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!0 分享傳送邀請

舉報

尊貴的基佬

Adult

好友: 0
帖子: 124012
積分: 124018
最後登錄: 2019-2-28
在線時間: 0 小時

No.1回覆者

發表於 2014-1-24 15:07:18 |只看該作者

考慮可以列入精華

舉報

砵仔糕

Adult

好友: 0
帖子: 124517
積分: 124533
最後登錄: 2019-2-28
在線時間: 0 小時

跟尾2

發表於 2014-1-24 15:20:05 |只看該作者

不看白不看，看也不白看

舉報

jennyjellyfish

Adult

好友: 0
帖子: 131159
積分: 136888
最後登錄: 2019-2-28
在線時間: 99 小時

跟尾3

發表於 2014-1-24 15:31:55 |只看該作者

我又回復了

舉報

oh~my~gag

Adult

好友: 0
帖子: 124836
積分: 124843
最後登錄: 2019-2-28
在線時間: 0 小時

5^#

發表於 2014-1-24 15:42:17 |只看該作者

哈哈，看的人少，回一下

舉報

frankyhui

Adult

好友: 0
帖子: 124731
積分: 124889
最後登錄: 2019-2-28
在線時間: 0 小時

6^#

發表於 2014-1-24 15:46:17 |只看該作者

老闆付我錢，我上班到尼伊達回帖子

舉報

mic167

Adult

好友: 0
帖子: 125481
積分: 125488
最後登錄: 2019-2-28
在線時間: 0 小時

7^#

發表於 2014-1-24 15:55:02 |只看該作者

似曾相識的感覺

舉報

tissss

Adult

好友: 0
帖子: 135443
積分: 146309
最後登錄: 2019-2-28
在線時間: 0 小時

8^#

發表於 2014-1-24 16:00:10 |只看該作者

看完了這麼強的文章，我想說點什麼，但是又不知道說什麼好，想來想去只想

舉報

阿迅

Adult

好友: 0
帖子: 125069
積分: 125120
最後登錄: 2019-2-28
在線時間: 9 小時

9^#

發表於 2014-1-24 16:01:44 |只看該作者

拿把椅子看表演

舉報

weltergf

Adult

好友: 0
帖子: 123769
積分: 123789
最後登錄: 2019-2-28
在線時間: 0 小時

10^#

發表於 2014-1-24 16:21:07 |只看該作者

我在頂貼~！~

舉報

12 3 4 下一頁

返回列表

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

瀏覽過的版塊