ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」
2009年10月05日-
スポンサード リンク
ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」。
Flashでよくある〜%読み込みました、みたいなものをJavaScriptで実現できるみたいです。ページを完全に読み込ませてから見てもらいたい場合に使えそうです。
読込みバーが右に伸びていって進捗表示
終わったらアニメーションでカッコよく画面切り替え
ページ表示したところ
必要なJavaScriptとCSSを<script>と<link>で読み込んだら、次のように初期化するだけで実装できます。
<script type='text/javascript'>
QueryLoader.init();
</script>
スクリプトのダウンロードは以下のエントリから
QueryLoader ? preload your website in style - Gaya Design
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ