Commentsシェアしてね♪Tweet一式98,000円~の格安プランをご用意!Web制作お任せください!TweetjQueryを使って、0から指定した数字までカウントアップする方法をご紹介いたします。指定した数字までアニメーションしながらカウントアップします。以下にデモを用意しましたので、挙動についてはデモページをご参照ください。デモページを見る以前、jquery.animateNumberというプラグインをご紹介しましたが、今回はプラグインを使わずに実装する方法です。HTMLのマークアップHTMLでは、数字をカウントアップさせたい箇所にクラスを付与してあげます。今回は.countというクラスを指定しています。class="count">10000</span></p>.count内で指定した数字までカウントアップされます。続いて、jQuery本体とスクリプトを記述します。記述する場所は</body>の直前でOKです。});});</script>durationでカウントアップされるまでの時間、easingでアニメーションの種類を指定します。easingの種類についてはjQueryリファレンスをご参照ください。あとがきカウントアップのアニメーションを追加することで、数字の部分をアピールしたい時に目立たせることができますね。数字のカウントアニメーションを実装したい時は、ぜひ参考にしていただければと思います。コメントをキャンセルメールアドレスが公開されることはありません。