EasyLoading

JavaScript

ローディングアニメーションを手軽に実装できる「EasyLoading」

EasyLoadingは、ローディングアニメーションを手軽に実装することができるjQueryプラグインです。HTMLのタグを追加することなく、ローディングアニメーションを設置できるのがいいですね。アニメーションのタイプも豊富に用意されているので、好みに合わせたローディングアニメーションが実装可能です。

EasyLoading

デモ

デモページでは、BALL_PULSE、BALL_CLIP_ROTATE、BALL_CLIP_ROTATE_PULSE、SQUARE_SPIN、BALL_CLIP_ROTATE_MULTIPLE、BALL_PULSE_RISE、BALL_ROTATE、CUBE_TRANSITION……など、たくさんのタイプのローディングアニメーションを実行することができます。

任意のボタンをクリックすると、それに対応したローディングアニメーションが画面中央に表示されます。dismissというボタンをクリックすると、元の状態に戻る仕組みです。

どのアニメーションも滑らかな動作でシンプルなデザインになっていることから、いろんなサイトに合わせやすいと思います。

パラメーターには、type、timeout、callback、text、buttonといった項目が用意されています。

HTMLタグを記述する必要もなくシンプルに実装できながらも、豊富なアニメーションタイプをチョイスできるので、気になる人はぜひ「EasyLoading」をチェックしてみてはいかがでしょうか?

EasyLoading

no-imageミニマルでダイナミックなLightboxプラグイン「darkbox.js」前のページ

シンプルなモバイルメニューを実装できる「offcanvas-mobile-menu」次のページno-image

関連記事

  1. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

  2. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  3. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  4. ShowMore.js

    JavaScript

    長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」

    ShowMore.jsは長いコンテンツを折りたたんで表示・非表示を簡単…

  5. simpleSlideShow

    JavaScript

    カスタマイズしやすいシンプル・軽量なスライドショー「simpleSlideShow」

    simpleSlideShowは、シンプルで軽量なスライドショーを実装…

  6. Protip

    JavaScript

    カスタマイズ性抜群のツールチップを実装できる「Protip」

    Protipはカスタマイズ性が抜群のツールチップを実装することができる…

最近の記事

  1. MRW-G1
  2. 桜と太陽
  3. ベルボン Mシリーズ
  4. ネック冷却ファン NRF10
  5. Kindle 8GBモデル

アーカイブ

PAGE TOP