Aguarde o carregamento do estilo CSS da página, o conteúdo HTML é carregado e, em seguida, exibi -lo após a geração do estilo, evitando os efeitos visuais adversos causados pela renderização gradualmente do estilo após o carregamento do conteúdo no início e aprimorando a experiência do usuário.
Adicionado o arquivo Base-carreging.js, o código é o seguinte
// obtenha a altura visível e a largura da página do navegador var _pageHeight = document.documentElement.clientHeight, _pageWidth = document.documentElement.clientWidth; // calcula a distância entre a caixa de carga da parte superior e a largura da caixa de carga é 215px, a altura é 61p, a altura é 61p. (_PageHeight - 61) / 2: 0, _loadingleft = _pageWidth> 215? (_PageWidth - 215)/2: 0; // Carregando o endereço GIF var loadImagerul = "/content/loadjs/image/carreging.gif"; // carregando conteúdo personalizado de carga exibido antes da página; 'Px; 50px; document.write (_loadinghtml); // Fale o estado de carregamento para alterar o documento.onReadyStateChange = completEloading; // Remova o efeito de carregamento quando o estado de carregamento estiver completo da função completELoading () {if (document.readystate == "complete) {var loadingMask = document. LoadingMask.parentnode.removeChild (LoadingMask);}}Ao usá -lo, você só precisa apresentá -lo na cabeça
@*// Carregar efeito de animação JS*@
<script src = "~/content/loadjs/base- carregamento.js"> </script>
O efeito é o seguinte: Após a introdução, ao carregar o conteúdo e os estilos HEML, aparecerá uma animação de carregamento, que será exibida após o carregamento para evitar a tela de gagueira renderizar gradualmente.
A renderização é concluída e a tela de renderização é exibida ao mesmo tempo.
O exposto acima é o que o editor apresentou a você. Depois que o easyui é carregado, a renderização do estilo de conteúdo do conteúdo HTML é exibida. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!