CSS, um eine Eingabeaufforderungsbox „Bitte laden“ zu erstellen. . . . 'Beispiel-Tutorial

Ich bin kürzlich auf eine solche Nachfrage gestoßen, als ich an einem Projekt gearbeitet habe. Die Seite lädt Daten langsam und reagiert nicht. Der Editor unten zeigt Ihnen eine Eingabeaufforderung an, die auf CSS basiert. . . . . „Funktion, Freunde, die sie benötigen, können darauf verweisen

Anforderungen:

Manchmal ist das Laden von Daten langsam und die Seite reagiert möglicherweise nicht weiter . und die Benutzererfahrung ist nicht gut

Lösung:

Fügen Sie den folgenden Code zu js hinzu

//提示信息  
function AddRunningp() {  
    $("<p class=\"datagrid-mask\"></p>").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");  
    $("<p class=\"datagrid-mask-msg\"></p>").html("正在处理，请耐心等待...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });  
}  
//取消提示信息  
function MoveRunningp() {  
    $("p[class=&#39;datagrid-mask&#39;]").remove();  
    $("p[class=&#39;datagrid-mask-msg&#39;]").remove();  
}

Rufen Sie es einfach dort an, wo es nötig ist.

Der Effekt ist wie folgt: Die gesamte Seite kann nicht bearbeitet werden

                                          🎜>

Das obige ist der detaillierte Inhalt vonCSS, um eine Eingabeaufforderungsbox „Bitte laden“ zu erstellen. . . . 'Beispiel-Tutorial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!