Este artigo descreve a camada de máscara escondendo e exibe efeitos que o JS implementa compatíveis com propriedades do Firefox e IE IFRame ONLOAD. Compartilhe -o para sua referência, como segue:
<%@ Page Language = "Java" import = "java.util. "-// w3c // dtd html 4.01 transitória // pt"> <html> <head> <base href = "<%= bashepath%>"> <title> </title> <meta http-equiv = "pragma" = "noon"> <meta-http-ajuste/" http-equiv = "expira" content = "0"> <meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3"> <meta http-equiv = "description" content = "esta é minha página"> <!-<link = "stylesheet" tipo = "text/cs" type = "text/css"> <!-#camada1 {posição: absoluto; largura: 896px; altura: 472px; z-index: 1; esquerda: 97px; topo: 120px;}#camada 2 {posição: absoluto; largura: 127px; altura: 86px; z-index 2; {Posição: Absoluto; largura: 200px; altura: 115px; Z-Index: 3; Esquerda: 404px; topo: 160px;} corpo {Background-Image: url (lib/imagens/index111.jpg); margin-left: -10px;}. Background-Color:#006699;}-> </style> </head> <corpo leftMargin = "0" topMargin = "0" marginwidth = "0" margnenheight = "0" oContextMenu = "Return false" ONDRAGSTART = "Return" OnSelectStart = "Returnselsect". ONCOPY = "Document.Selection.Empty ()" OnBeFeCopy = "Return falseUpUup =" Document.Selection.Empty () "> <div id =" camada3 "> <img src =" lib/imaga/welcome33.gif "/> </div Id =" Layer1 "> <frame Sr sr src"/> id = "Layer1"> </frame> </div> <div id = "camada2"> <tipo de entrada = imagem src = "lib/imagens/site.jpg" id = "speye_earth"/> <br> <br> <sput Type = imagem src = "lib/imagens/associator.jpg" = = = = "selecione" src = "lib/imagens/yichang.jpg" id = "yichang"/> <br> <br> <tipo de entrada = imagem src = "lib/imagens/lvchang.jpg" id = "gtbike"/> <</div> </bodys </html> <cript> switch "; timing () {document.getElementById ("select_ass"). Disabled = true; document.getElementById ("select_ass"). 100);} window.setTimeout ("timer ()", espera);} função doupdate (num) {if (num == (wait/100)) {document.getElementById ("select_ass"). Src = "lib/imagens/associator.jpg"; } else {wut = (espera/100) -num; document.getElementById ("select_ass"). src = "lib/imagens/123123.jpg"; }*/} // Alterne a função da imagem original Timer () {document.getElementById ("select_ass"). Disabled = false; document.getElementById ("select_ass"). function () {displayDiv (); btmax.innerhtml = "<iframe src = earth.jsp id = camada1 onLload = 'removediv ()'> </iframe>";} select_ass.OnClick = function () {DisplayDiv (); if if? onLoad = 'Removediv ()'> </frame> "; // js cria um objeto iframe/*var Newframe = window.parent.document.createElement ("iframe"); newframe.id = "camada1"; newframe.setAttribute ("frameborder", "0"); newframe.setAttribute ("scrolli ng "," não "); newframe.setAttribute (" Onload "," Removediv () "); newframe.setAttribute (" src "," client? name = 1 "); btmax.appendchild (newframe);*/} yichang.onClick = function () {displayDiv (); btmax.innerhtml = "<iframe src = client? name = 2 id = camada1 onLload = 'removediv ()'> </frame>";} gtbike.onclick = function () {btmax.innerhtml = "<fRame. id = camada1> </frame> ";} // máscara camada exibir var mybg; displayDiv = function () {mybg = document.createElement (" div "); mybg.setattribute ("id", "mybg"); mybg.innerhtml = "<Center> está sendo processado, aguarde <img src = 'lib/imagens/carregamento.gif'> </img> </central>"; mybg.style.width = "100%"; mybg.style.position = "absoluto"; // posição absoluta exibir mybg.style.top = "260"; mybg.style.left = "0"; mybg.style.zindex = "100"; // Z-AXIS POSIÇÃO mybg.style.opacity = "0.8"; // transparência mybg.style.filter = "alpha (opacidade = 80)"; // filtro exibe document.body.appendChild (mybg);} removediv = function () {document.body.removechild (mybg); timer ();} </sCript>Para obter mais informações sobre o conteúdo relacionado ao JavaScript, consulte os tópicos deste site: "Javascript com os efeitos e técnicas especiais", "Javascript Animation Efeitos e técnicas especiais resumo", "Javascript Search Algorithm Skills Summary", Javascript Data Structure e Algorithm Skills Summary "," " Resumo "," Erros de JavaScript e Resumo das Habilidades de Deburgação "e" Javascript Mathematical Operation Uso Resumo "
Espero que este artigo seja útil para a programação JavaScript de todos.