jqueryIntroLoader

JavaScript

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

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

jqueryIntroLoader

デモ

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

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

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

jqueryIntroLoader

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

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

関連記事

  1. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  2. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  3. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  4. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  5. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  6. Changing Background Color while scrolling

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP