2018年06月25日(月)

[JS]数字をくるくる回転させて、指定した数字を表示させるスクリプト -odometer

• 0
• 128
• 61
• 115

数字をくるくる回転させて、指定した数字を表示させるスクリプトを紹介します。

サポートするブラウザはIE8+を含むモダンブラウザすべてで、古いブラウザでは自動的にフォールバックされ、非常にパフォーマンスの高いCSSアニメーションで表示されます。

odometer
odometer -GitHub

odometerのデモ

odometerではテーマが用意されており、さまざまなデザインで数字を表示できます。もちろん、シンプルなのも用意されています。

デモページ

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

デザインから見たサッカーワールドカップ！日本代表のユニフォームのパターンもダウンロードできます

         

NEXT ›

               

[ユーザー投稿] ドラゴンクエスト、ファイナルファンタジー売上分析

関連記事

• 最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
• フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと
• この発想はすごい！アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js
• Webデザインを独学で学ぶ人の為の5つのステップ
• JavaScriptで簡単にアニメーションを実装できるライブラリ「anime.js」「TweenMax (GSAP)」「Tween.js」

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『[JS]数字をくるくる回転させて、指定した数字を表示させるスクリプト -odometer』についてまとめています。

この記事は特にjavascript・アニメーション・jQuery・SEOについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。