Este artigo descreve o efeito prompt de carregamento antes que a página carregada por JS seja carregada. Compartilhe -o para sua referência, como segue:
1. Código JS:
// 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 conteúdo personalizado de carregamento exibido antes que a página não seja carregada var _loadinghtml = '<div id = "carregingdiv" style = "Posição: absoluto; esquerda: 0; largura: 100%; altura:' + _pageHeight + 'Px; 50px; documental renderizado.write (_loadinghtml); // window.onload = function () {// var loadingMask = document.getElementById ('carregingdiv'); // carregingmask.parentnode.removechild (carregingmask); //}; é a função completa completEloading () {if (document.readyState == "complete") {var loadingMask = document.getElementById ('loadingDiv'); carregingmask.parentnode.removeChild (LoadingMask); }}2. Efeito:
ilustrar:
Basta colocar esta seção do código JS em <head> no final;
O estilo do efeito de carregamento pode ser modificado de acordo com seu próprio estilo. Você precisa encontrar a imagem de carregamento.gif (muitos deles estão disponíveis online).
Clique aqui para baixar o código de instância de demonstração completo.
Para obter mais informações sobre jQuery, os leitores interessados neste site podem ver os tópicos: "Resumo dos efeitos especiais clássicos comuns do jQuery", "Resumo de plug-ins e usos comumente usados de jQuery", "Summary JQuery Summary Operation Skills", "Summary of JQuery Form Opery Skills of" Resumo da JQuery Skills "Skills" Data " Efeitos e técnicas especiais "," Resumo do Uso do Ajax em JQuery "," Resumo da Animação JQuery e Uso de Efeitos Especiais "e" Resumo do Uso do Seletor de JQuery "
Espero que este artigo seja útil para a programação jQuery de todos.