84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我想在我的作品集網站上創建一個數位計數器動畫。我的舊網站中有一些 jquery 程式碼，當完全載入時，它們會從預先載入器轉換到網站。
如何添加數位計數器動畫並添加側面向上過渡？ 謝謝
給你。
slideUp
div
刪除
範例：
$(window).on('load', () => { let count = 3; function ShowCounter() { if (count > 0) { $("#spnNumber").fadeOut('slow', function() { $("#spnNumber").text(count); $("#spnNumber").fadeIn(); count--; }); } else if (count == 0) { $("#preloader").slideUp(); $("#spnNumber").remove(); clearInterval(interval); } } var interval = setInterval(function() { ShowCounter() }, 1000) });
Loading ...
給你。
slideUp您的div和刪除計數器跨度。範例：
$(window).on('load', () => { let count = 3; function ShowCounter() { if (count > 0) { $("#spnNumber").fadeOut('slow', function() { $("#spnNumber").text(count); $("#spnNumber").fadeIn(); count--; }); } else if (count == 0) { $("#preloader").slideUp(); $("#spnNumber").remove(); clearInterval(interval); } } var interval = setInterval(function() { ShowCounter() }, 1000) });