CoutUpCircle

JavaScript

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

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

CoutUpCircle

CoutUpCircle

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

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

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

jQuery UI Month Picker Plugin月と年をシンプルに選択できるピッカー「jQuery UI Month Picker Plugin」前のページ

ツリー型のサイドナビゲーションを実装できる「sidebar-nav」次のページsidebar-nav

関連記事

  1. Jquery progress indicator on page scroll
  2. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

  3. Stacked Strips

    JavaScript

    スタックしながらスクロールできるエフェクト実装「Stacked Strips」

    Stacked StripsはWebページをスクロールする時に、スタッ…

  4. no-image
  5. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  6. jQuery Sequency js

    JavaScript

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

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

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP