ホームページ > ウェブフロントエンド > htmlチュートリアル > box_html/css_WEB-ITnose をロードする ajax の実装をシミュレートする

box_html/css_WEB-ITnose をロードする ajax の実装をシミュレートする

WBOY
リリース: 2016-06-24 11:56:16
オリジナル
966 人が閲覧しました

関数loading(p_value,str)
{
if (p_value)
{
if (!document.getElementById("load_area"))
{
var para1 = document.createElement("span");
var node= document.createTextNode(str);
para1.appendChild(node);
var para=document.createElement("div");
para.id="load_area";
var top=document.body.scrollTop+document.documentElement.scrollTop;//获取页面中の实际高さ
top_position = top+157 + "px";
para.style.top =top_position;
icon.style.cssText += ";vertical-align:middle;padding-right:4px;margin-top:-2px;"
para.style.cssText +=
";position:absolute;left:50%;width:140px;margin-左:-70px;高さ:50px;行の高さ:50px;フォントサイズ:18px;テキストオーバーフロー:省略記号;オーバーフロー:非表示;空白:nowrap;テキスト整列:センター;背景色: #000; border-radius:2px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);color:#eee;";

var icon = new Image();
icon.src=" Images/loading1.gif";//这里用实际路径代替换
document.body.appendChild(para);

para.appendChild(icon);

para.appendChild(para1);

}
else
{
document.getElementById("load_area").style.display="block";
}
}
else
{
document.getElementById("load_area").style.display="none";
}
}

调用方法:loading(true,"加ダウンロード中...");  読み込み中(偽)

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート