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

関連記事

  1. Material ScrollTop Button
  2. jQuery ui material design datepicker
  3. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  4. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

  5. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

  6. Lightense Images

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP