新しい記事にもっと簡単な方法が載っていますこの記事に関する最新記事は「ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)」になります。下記の古い内容よりも画像ファイルが不要で使い勝手がいいので、新しい記事をご覧ください。古い方法でよければ以下をご覧ください。管理画面で時間のかかる処理(例えば画像や動画などをアップロードする際)をする場合、画面が固まってしまったと勘違いされて閉じられたり、ボタンを何度も押されてバグを発生させてしまうこともあるかもしれない。そこで、ローディング画面を表示して、ユーザーに「現在処理中ですよ」と知らせる必要があるのである。Indicator」というライブラリがあるので紹介しよう。jQuery本体とcssを読み込む。#loadingは画面いっぱいにちょっと暗くするための箱。z-index:100;}--></style>次に、body開始タグの先頭でid名を付けて空divを書いておく。あと、コンテンツ内でローディングを発動させる為のボタンやリンクにクラス名を付ける。class="loading">bodyタグの最後あたりでjqueryライブラリを読み込んで、ちょちょいとスクリプトを書いておく。これで動作しなかったら、jqueryのバージョンをあげてみる必要がある。今回の例は「.loading」が押されたら、「#loading」を発動させるという形式。chrome(グーグルクローム)で動かないので、ちょっと補正が必要。document.styleSheets[0].insertRule(rule,document.styleSheets[0].cssRules.length);ちなみにjqueryのライブラリやスクリプトは基本的に最後の方で読み込んだほうがサイトの高速化に繋がる。最高峰のアクセス数を誇る、楽天・yahoo・youtubeのトップページのソースコードでも最後の方に多くのスクリプトを書いている。登録なしでご自由にご入力いただけます(^^)ぜひぜひ記事のご感想をお聞かせ下さい。お名前とコメントは入力必須です。コメントの文字数が短すぎます。この内容でコメントを送るコメントをするこの記事がお役に立てましたら是非シェアのご協力お願いします。ツイートシェア送るPocketはてなサイト内検索ブログ管理人M2NETは、日本の広告クリエイター。理屈主義で人を簡単に信じない現代的なキャラ。WEB制作はデザイン+コーディング+システム全般を平均的にこなし、近年は動画制作にも精通。2006年頃からアフィリエイトで生活。フリーランスとして10年以上活動中。制作に特化した技術者であり、マーケティングは得意ではない。現在、マーケティング上手を目指して日々奮闘中。【Photoshop】ホワイトバランスを調節する最短の方法(背景が暖色系でオレンジ色っぽい、赤っぽいを白い背景に調整)ウイルス対策ソフトはいらない!サイトを見ただけで感染は理論上不可能。4点のことを守るだけでウイルス感染はしませんパソコンを購入する際に必要な「HDDのパーティション」の知識。ハードディスクは壊れやすさNo.1だからリスクを減らそう記事以外のコンテンツ紹介ネットやアプリで無料で気軽にどんどん対局ができる将棋。脳は使わないと劣化して、使えば進化していきます。効率のいい脳の鍛え方の一つとして将棋はうってつけです。将棋関連の記事を見る食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。便利コンテンツとして野菜を長持ちさせる情報をまとめています。