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. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  2. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  3. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  4. Smooth Scroll behavior polyfill
  5. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  6. Luminous

    JavaScript

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

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

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP