[2013年] jQueryを使ってローディング画像を表示 - Qiitajavascriptで何かしらの処理中にローディング画面を出そうと思ったとき、 プラグインを使うのもいいですが自分で作るのもそう難しいことじゃありません。 一見難しそうに見えるローディング画面も簡易的なものなら割とすぐに実装できてしまいます。 こんな感じの関数とスタイルシートを用意してloadingView(true)で表示、 loadingView(false)で消す、といったような使い方ができます。 もし自分で実装する場合はCSSは適宜自分用にカスタマイズされることをお勧めします。 js function loadingView(flag) { $('#loading-view').remove(); if(!flag) return; $('<div id="loading-view" />').appendTo('body'); } #loading-view { /* 領域の位置
![[2013年] jQueryを使ってローディング画像を表示 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6ae1e7f3111a73e3aaea7d2d4d16e1edf7c342e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCMjAxMyVFNSVCOSVCNCU1RCUyMGpRdWVyeSVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MyU4NyVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MiVCMCVFNyU5NCVCQiVFNSU4MyU4RiVFMyU4MiU5MiVFOCVBMSVBOCVFNyVBNCVCQSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTQxYWEzMzc4YjRkNWYxZDczMzI3ZGQ2Y2ZkMDk0MjM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa2ktc2F0byZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjBjYjc1ODQ4MTE4ZDdmZTIwZDI0NmRiZTUzZTRlODU%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D20c263b6e10b37de0ffc31f1eae7f8de)
