Espere a que se cargue el estilo CSS de la página, el contenido HTML se carga y luego lo muestre después de que se genera el estilo, evitando los efectos visuales adversos causados por la representación gradual del estilo después de que el contenido se carga al principio y mejorando la experiencia del usuario.
Se agregó el archivo Base-Loading.js, el código es el siguiente
// Obtenga la altura y el ancho visibles de la página del navegador var _pageHeight = document.documentelement.clientHeight, _pagewidth = document.documentelement.clientwidth; // calcule la distancia entre el cuadro de carga desde la parte superior e izquierda (el ancho del cuadro de carga es 215px, la altura es 61px) var _cargingtaptope ? (_PageHeight - 61) / 2: 0, _loadingleft = _PageWidth> 215? (_PageWidth - 215)/2: 0; // Carga de la dirección GIF var LoadImagerul = "/centre/loadjs/image/loading.gif"; // Loadinghtml Contenido personalizado que se muestra antes de que la página esté cargada var _loadinghtml = '<Div ID = "LoadingDiv" estilo = "Posición: Absolte; izquierda: 0; Width: 100%; altura; altura; 'Px; Top: 0; Fondo:#F3F8ff; Opacidad: 1; Filtro: Padre-izquierda: 50px; document.write (_loadinghtml); // Hable el estado de carga para cambiar document.onreadyStateChange = completeLoading; // Eliminar el efecto de carga cuando el estado de carga es completo de la función completa () {if (documentState == "Complete") {var Loadingmask = document.getEmementByid ('LoadingDiv'); loadingmask.parentnode.removechild (Loadingmask);}}Al usarlo, solo necesita introducirlo en la cabeza
@*// cargar JS Efecto de animación*@
<script src = "~/content/loadjs/base-carga.js"> </script>
El efecto es el siguiente: después de la introducción, al cargar contenido y estilos de HEML, aparecerá una animación de carga, que se mostrará después de la carga para evitar la pantalla de tartamudeo gradualmente.
La representación se completa y la pantalla de representación se muestra a la vez.
Lo anterior es lo que le presentó el editor. Después de cargar el EasyUI, se muestra la representación de estilo de contenido del contenido HTML. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!