前の記事 ≪:緑ベースのロゴデザインを作成する際に便利なまとめ集
次の記事 ≫:Google Analyticsから訪問数・PV数をPHPでゲットするサンプルコード

ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」

2009年10月05日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」。
Flashでよくある〜%読み込みました、みたいなものをJavaScriptで実現できるみたいです。ページを完全に読み込ませてから見てもらいたい場合に使えそうです。

読込みバーが右に伸びていって進捗表示


終わったらアニメーションでカッコよく画面切り替え


ページ表示したところ


必要なJavaScriptとCSSを<script>と<link>で読み込んだら、次のように初期化するだけで実装できます。

<script type='text/javascript'>
QueryLoader.init();
</script>

スクリプトのダウンロードは以下のエントリから
QueryLoader ? preload your website in style - Gaya Design

関連の記事検索:jQuery, Webデザイン, プログレスバー
スポンサード リンク

By.KJ : 2009年10月05日 09:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)