CountUp.js讓頁面數字跳動起來


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

可配置的參數:
target = 目標元素的 ID;
startVal = 開始值;
endVal = 結束值;
decimals = 小數位數,默認值是0;
duration = 動畫延遲秒數,默認值是2;

var options = {

  useEasing: true, 
  useGrouping: true, 
  separator: ',', 
  decimal: '.', 
};
var demo = new CountUp('myTargetElement', 0, 4068, 0, 2.5, options);
if (!demo.error) {
  demo.start();
} else {
  console.error(demo.error);
}

插件代碼演示:http://www.jq22.com/yanshi10784

官網:http://inorganik.github.io/countUp.js/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM