Heim > Web-Frontend > js-Tutorial > Javascript-Simulation zur Implementierung von Ajax-Ladebox-Beispiel_Javascript-Kenntnissen

Javascript-Simulation zur Implementierung von Ajax-Ladebox-Beispiel_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:33:55
Original
1413 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode der Javascript-Simulation zur Implementierung der Ajax-Ladebox und teilt sie als Referenz mit allen. Die spezifische Methode ist wie folgt:

Code kopieren Der Code lautet wie folgt:
Function 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;//Ermitteln Sie die tatsächliche Höhe der Seite
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-left:-70px;height:50px;line-height:50px;font-size:18px;text-overflow:ellipsis;overflow:hidden; white- space:nowrap;text-align:center;background-color: #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";//Ersetzen Sie hier
durch den tatsächlichen Pfad document.body.appendChild(para);

para.appendChild(icon);

para.appendChild(para1);

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

Die aufrufende Methode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:
loading(true," Wird geladen..." ); wird geladen(false)

Ich hoffe, dass dieser Artikel für das Web-Frontend-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage