jqueryIntroLoader

JavaScript

ページが読み込まれるまでローディングアニメーションを表示できる「jqueryIntroLoader」

jqueryIntroLoaderはページが読み込まれるまでの間にローディングアニメーションを表示することができるjQueryプラグインです。一般的に読み込み中は真っ白の画面になりますが、ローディングのアイコンが表示されることで読み込み中であることが一目で分かるのがいいですね。

jqueryIntroLoader

デモ

ページ読み込みが完了するまでの間、ローディングアイコンがクルクルと回っています。ローディングアニメーションはアプリとかでよく見かけるので、そんな感じの雰囲気に近くなりますね。

カラーやスピードなどといったオプションもいろいろと揃っているので、ちょっとしたカスタマイズをする際にとても便利です。

そんなわけで、単純に真っ白いページのままユーザーを待たせるのはつまらないという方は、是非ローディングアニメーションを取り入れてみてはいかがでしょうか。

jqueryIntroLoader

Prism Effect Sliderプリズム効果を実装することができるスライダー「Prism Effect Slider」前のページ

宇宙空間を移動するような背景アニメーションを実装できる「Starfield」次のページStarfield

関連記事

  1. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  2. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  3. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

  4. FitVids.JS

    JavaScript

    YouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVid…

    YouTubeやVimeoからの埋め込み動画をレスポンシブに対応させる…

  5. FSVS(Full Screen Vertical Scroller)
  6. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP