ページの読み込みアニメーションの小さな円になる前に

ファイルload.jsをカプセル化

その上ページの先頭の頭の中で、この文書の導入

//可視のブラウザページの高さと幅取得
VAR _PageHeight = document.documentElement.clientHeight、
    _PageWidth = document.documentElement.clientWidthと、
幅//距離計算ブロック装荷（215pxの上部と左部に積載箱、61px高さ）
VAR _LoadingTop = _PageHeight> 61（_PageHeightある- 61である）/ 2：0 ,? 
    _LoadingLeft _PageWidth => 215（_PageWidth - 215）/ 2：？0。 
HTML形式//ページがロードカスタムコンテンツが完了する前に表示されていないロード
VAR _LoadingHtml = '<DIV ID = "loadingDiv"スタイル= "位置：絶対;左：0;幅：100％;高さ：' + _PageHeight + 'PX;上部：0;背景：＃1 f3f8ff;不透明度：1;フィルタ：アルファ（不透明度= 80）; z屈折率：10000; "> <divのスタイル="位置：絶対; CURSOR1：待つ;左： '+ _LoadingLeft + 'PX;上部：' + _LoadingTop +' PX;幅：オート;高さ：57px;行の高さ：57px;パディング左：は50px;パディング右：5pxの;背景：#FFF URL（/static/img/loadding.gif）ノー・リピートスクロール5pxのの10pxの;国境：2ピクセル固体＃ 95B8E7;色：＃696969;フォントファミリ：\ '微軟雅黒\'; ">页面加载中、请等待... </ div> </ div> '; 
//呈现ローディング效果
のdocument.write（_LoadingHtml）。

//window.onload =関数（）{ 
// VAR loadingMask =のdocument.getElementById（ 'loadingDiv'）。
// loadingMask.parentNode.removeChild（loadingMask）。
//};

//負荷監視状態変化
completeLoading =（）document.onreadystatechange; 

//ロードされた状態を削除するとき、ローディング効果の完全な

機能completeLoading（）{ 
	たsetTimeout（関数（）{ 
		IF（document.readystateで== "完了"）{ 
        	VARのloadingMask document.getElementById =（ 'loadingDiv'）; 
        	loadingMask.parentNode.removeChild（loadingMask）; 
    	} 
	}、1000）; 

}