JQuery CounterUp 是一款非常實用的數字計數器插件。該插件可以通過自定義選項輕松地向用戶展示統計數據,例如網站訪問數量、粉絲數量等等。CounterUp 也支持自動更新數字,可以在數值被更改后自動更新頁面上的顯示效果。
// 調用 CounterUp 插件 $('.counter').counterUp({ delay: 10, // 數字增長的延遲時間 time: 1000 // 數字增長的時間 });
在 HTML 中,我們只需要將需要進行數字計數的位置添加一個 class 名稱即可。例如,可以在我們的頁面中添加一個如下所示的代碼塊:
1000
使用JQuery CounterUp插件,可以讓數字遞增的效果看起來非常平滑,同時也可以與其他的 Javascript 工具庫和插件進行協同使用。因此,即便是沒有深厚的編程經驗的用戶,也可以很容易地將它應用到自己的網站或者應用之中。
下一篇利用css實現圖片切換