jqueryIntroLoader

JavaScript

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

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

jqueryIntroLoader

デモ

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

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

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

jqueryIntroLoader

関連記事

  1. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  2. no-image
  3. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  4. jAnimate

    JavaScript

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

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

  5. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP