Подождите, пока стиль CSS страницы загрузится, HTML -контент загружается, а затем отобразите его после того, как стиль генерируется, избегая неблагоприятных визуальных эффектов, вызванных постепенным отображением стиля после того, как контент загружается в начале, и улучшая пользовательский опыт.
Добавлен файл Base-loading.js, код следующим образом
// Получить видимую высоту и ширину страницы браузера var _pageHeight = document.documentelement.clientHeight, _PageWidth = Document.DocumentElement.ClientWidth; // Рассчитайте расстояние между загрузочной коробкой от верхней и левой (ширина загрузки 215px, высота - 61px). ? (_PageHeight - 61) / 2: 0, _LoadInleft = _PageWidth> 215? (_PageWidth - 215)/2: 0; // Загрузка адреса gif adrad var LoadImagerul = "/content/loadjs/image/loading.gif"; // loadhtml пользовательский содержимое, отображаемое перед страницей, загружено var _loadhtml = '<divid = "loaddiv" style = "Положение: Absolute: 0; 'PX; Top: 0;#f3f8fl; Накладки: 50px; document.write (_loadinghtml); // Позвоните в состояние загрузки, чтобы изменить Document.onreadyStateChange = olldEloAling; // Удалить эффект загрузки, когда состояние загрузки является полной функцией eleploading () {if (document.ReadState == "overse") {var wartingMask = document.getElementById ('uptingDiv'); загрузка massk.parentnode.removechild (загрузка маски);}}При использовании, вам нужно только представить его в голову
@*// загрузить JS -эффект анимации*@
<script src = "~/content/loadjs/base-loading.js"> </script>
Эффект заключается в следующем: после введения при загрузке содержания Heml и стилей появится анимация загрузки, которая будет отображаться после загрузки, чтобы избежать постепенного заикания экрана.
Рендеринг завершен, а экранинг рендеринга отображается за один раз.
Вышесказанное - это то, что редактор представил вам. После того, как EasyUI загружена, отображается рендеринг в стиле контента HTML -контента. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!