CountUp.js – 讓數字以非常有趣的動畫方式顯示

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

您可能感興趣的相關文章

• 特別推薦：10套精美的免費網站后台管理系統模板
• Parallax.js – 自適應智能設備方向的視差效果插件
• Chance – 功能強大的 JavaScript 隨機數生成類庫
• jQuery Wheel Menu：漂亮的 Path 風格旋轉菜單
• 分享8款效果精美的 jQuery 加載動畫和進度條插件

 

 

可配置的參數：

• target = 目標元素的 ID；
• startVal = 開始值；
• endVal = 結束值；
• decimals = 小數位數，默認值是0；
• duration = 動畫延遲秒數，默認值是2；

使用示例：

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

 

插件下載      效果演示

 

您可能感興趣的相關文章

• Manifesto – HTML5 離線應用程序緩存校驗工具
• Popline：很特別的浮動 HTML5 文本編輯器工具欄
• Bootstrap 3.0 正式發布，更好地支持移動端開發
• jQuery Flat Shadow – 輕松實現漂亮的長陰影效果
• Superhero：構建大型 JavaScript 應用程序的資源

 

本文鏈接：CountUp.js – 讓數字數據以好玩的動畫方式顯示

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源