CoutUpCircle

JavaScript

カウントアップしてくれるjQueryプラグイン「CoutUpCircle」

CoutUpCircleは目標に指定した数までカウントアップしてくれるjQueryプラグインです。指定した数まで数字がカウントアップしながら徐々に切り替わっていきます。オプションもいくつか用意されているので、ちょっとしたカスタマイズも可能です。

CoutUpCircle

CoutUpCircle

ファイルをダウンロードすれば実際のデモ動作も見ることができます。デモではファイルを読み込むと、サークル内に数字がカウントアップされていきます。マークアップなどを含む使い方がとてもシンプルなので、手軽に実装できるのがいいですね。

オプションには、duration、opacity_anim、step_divierといった項目が用意されています。シンプルにカッコよくカウントアップする動きをサイト内に取り入れたいときに活用してみてはいかがでしょうか?

というわけで、カウントアップを実装できるjQueryプラグイン「CoutUpCircle」のご紹介でした。

関連記事

  1. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  2. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  3. Hamburger Icon Menu
  4. Yamm 3

    JavaScript

    メガメニューをBootstrap3で実装する「Yamm 3」

    Yamm 3はメガメニューをBootstrap3を使って実装することが…

  5. jQuery Sequency js

    JavaScript

    スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

    jQuery Sequency jsはスクロールでビフォー・アフター画…

  6. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP