jqueryIntroLoader

JavaScript

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

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

jqueryIntroLoader

デモ

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

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

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

jqueryIntroLoader

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

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

関連記事

  1. jQuery Text Fade Delay
  2. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  3. TextFit

    JavaScript

    テキストをコンテナ幅にすばやくフィットさせる「TextFit」

    TextFitは、一行または複数行のテキストをコンテナ幅(オプションに…

  4. jquery.adaptive-backgrounds.js
  5. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP