この記事では、JSがロードされるページがロードされる前の読み込みプロンプト効果について説明します。次のように、参照のために共有してください。
1。JSコード：
//ブラウザページの可視高さと幅を取得するvar _pageheight.document.documentelement.clientheight、_pagewidth = document.documentelement.clientwidth; //上下の左からの読み込みボックス間の距離を計算します（ロードボックスの幅は215pxです。 ？ （_pageheight -61） / 2：0、_loadingleft = _pagewidth> 215？ （_PageWidth -215）/2：0; // loadinghtmlページがロードされない前に表示されるカスタムコンテンツはvar _loadinghtml = '<div id = "loadingdiv" style = "position：absolute; left：0; width：100％; height：' + _pageheight + 'PX;背景：＃F3F8FF; Opaching：Alpha（Ofacity = 80）; Z-Index = "Position：cursor1：' + _ loadingleft + 'px;パディング左翼：5px：#fffs url（/content/loading.gif）読み込み効果はdocument.write.write（_loadinghtml）; // window.onload = function（）{// var loadingmask = document.getelementbyid（ 'loadingdiv'）; // loadingmask.parentnode.removechild（loadingmask）; //};ローディング状態は完全な関数completeLoading（）{if（document.readystate == "complete"）{var loadingmask = document.getElementById（ 'loadingdiv'）; LoadingMask.ParentNode.RemoveChild（LoadingMask）; }}2。効果：
説明：
JSコードのこのセクションを最後に<head>に入れるだけです。
負荷効果のスタイルは、独自のスタイルに従って変更できます。 loading.gif画像を自分で見つける必要があります（それらの多くはオンラインで入手できます）。
完全なデモインスタンスコードをダウンロードするには、ここをクリックしてください。
jQueryの詳細については、このサイトに興味のある読者は、「jQueryの一般的な古典的な特殊効果の要約」、一般的に使用されるプラグインの要約、jQueryの使用法の要約」、「jQueryテーブル（表）操作スキルの要約」、「jQueryフォーム操作スキルの概要」、jquery操作スキルの拡張スキルの概要」を見ることができます。エフェクトとテクニック "、" jqueryのajax使用の概要 "、「jqueryアニメーションの概要と特殊効果の使用法」、「jqueryセレクターの使用法の要約」
この記事がみんなのjQueryプログラミングに役立つことを願っています。