jqueryIntroLoader

JavaScript

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

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

jqueryIntroLoader

デモ

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

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

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

jqueryIntroLoader

関連記事

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

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  2. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  3. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  4. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

  5. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  6. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

最近の記事

  1. 16インチMacBook Pro
  2. レトロスペクティブ V2.0
  3. YAECA ワイドテーパードデニム 10-13WW

アーカイブ

PAGE TOP