ホームページ > 記事 > ウェブフロントエンド > JSはページ読み込み時の読み込み進行状況バーを実装します。
JSはページ読み込み時の読み込み進行状況バーを実装します。
- 高洛峰オリジナル
- 2016-12-16 16:53:131963ブラウズ
JSはページ読み込み時の読み込みプログレスバーを実装します
ページ読み込み時の読み込みの実装方法
読み込みの実装とは、まず表示する内容を非表示にし、読み込み中のテキストや画像を表示してからということでしょう。ドキュメントが読み込まれた後にコンテンツを表示し、読み込みを非表示にします。
ここでは jquery を使用しましたが、使用するかどうかは関係ありません。
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script>
/** * 页面加载完成后显示页面 */
function showPage(){ $('#divPageLoading').remove();
$('#divPageBody').show(); }
</head>
<body onload="showPage();">
<div id="divPageLoading">
<img src="pageloading.gif" style="width:120px;height:120px;position:absolute;left:45%;top:40%;"/>
</div>
<div id="divPageBody" style="display:none;"> ……
</div>
</body>
</html>ページ読み込み時の読み込み進行状況バーの JS 実装の詳細については、PHP 中国語 Web サイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。