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. no-image

    JavaScript

    円形に広がるメニュー実装「expanding action button」

    expanding action buttonは円形に広がるメニューを…

  2. Nivo Zoom

    JavaScript

    Lightbox風に画像をズームして表示させるjQueryプラグイン「Nivo Zoom」

    Lightbox風に画像をズームして表示させるjQueryプラグイン「…

  3. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

  4. Effect Ideas for Card Stacks
  5. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

  6. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP