Dieser Artikel beschreibt das Versteck und die Anzeige von Effekten der Maskenschicht, die JS implementiert, die mit Firefox und dh Iframe -Onload -Eigenschaften kompatibel sind. Teilen Sie es für Ihre Referenz wie folgt weiter:
<%@ page Language = "java" import = "java.util. "-// w3c // dtd html 4.01 transitional // en"> <html> <head> <base href = "<%= basepath%>"> <title> </title> <meta http-äquiv = "pragma" content = "no-cache"> <meta http-äquiv = "cache-control" cuse "> <meta http-äquiv =" http-äquiv = "expires" content = "0"> <meta http-äquiv = "keywords" content = "keyword1, keyword2, keyword3"> <meta http-äquiv type = "text/css"> <!-#layer1 {Position: absolut; width: 896px; Höhe: 472px; z-Index: 1; links: 97px; top: 120px;}#Layer2 {Position: absolut; width: 127px; Höhe: 86px; Z-Index: 2; {Position: absolut; width: 200px; Höhe: 115px; Z-Index: 3; links: 404px; top: 160px;} Körper {Hintergrund-Image: URL (lib/bilder/index111.jpg); Margin-Links: -10px;}. Input_image {Border: 0px Feststoff #808080; Hintergrundfarbe:#006699;}-> </style> </head> <body Leftmargin = "0" topmargin = "0" marginwidth = "0" marginHeight = "0" oncontextMenu = "return false" ondagstart onCopy = "document.selection.empty ()" onbeForecopy = "return false" onmouseUp = "document.selection.empty ()"> <div id = "layer3"> <img src = "lib/bohnen/Welcome33.gif"/> </div> <div id = "layer1"> <iframe Src = "" Earth.Jsp ". id="Layer1"></iframe></div><div id="Layer2"><input type=image src="lib/images/website.jpg" id="website_earth"/><br><br><input type=image src="lib/images/associator.jpg" id="select_ass"/><br><br><input type=image src = "lib/bilder/yichang.jpg" id = "yichang"/> <br> <br> <Eingabetyp = Bild src = "lib/bilder/lvchang.jpg" id = "gtbike"/> <</div> </body> </html> <Script> var secs = 20; Timing () {document.getElementById ("select_ass"). Disabled = true; document.getElementById ("select_ass"). 100);} window.settimeout ("timer ()", wait);} function doupdate (num) {if (num == (wait/100)) {document.getElementById ("select_ass"). } else {wut = (wait/100) -num; document.GetElementById ("select_ass"). src = "lib/images/123123.jpg"; }*/} // Original Bildfunktionsfunktion Timer () {document.GetElementById ("select_ass"). Disabled = false; document.getElementById ("select_ass"). Src = "lib/bilder/associator.jpg"; function(){displayDiv();btMax.innerHTML ="<iframe src=earth.jsp id=Layer1 onLoad='removeDiv()'></iframe>";}select_ass.onclick= function(){displayDiv();timing();btMax.innerHTML ="<iframe src=Client?name=1 id=Layer1 onload = 'entferntev ()'> </iframe> "; // js erstellt ein iframe -Objekt/*var Newframe = window.parent.document ng "," no "); newFrame.setAttribute (" Onload "," entferntev () "); newframe.setAttribute (" src "," client? name = 1 "); btmax.appendchild (newframe);*/} yichang.onclick = function(){displayDiv();btMax.innerHTML ="<iframe src=Client?name=2 id=Layer1 onLoad='removeDiv()'></iframe>";}gtbike.onclick= function(){btMax.innerHTML ="<iframe src=lib/images/61111.jpg id = layer1> </iframe> ";} // Mask Layer Anzeige var mybg; displayDiv = function () {mybg = document.createelement (" div "); mybg.setattribute ("id", "mybg"); myBg.innerhtml = "<Center> wird verarbeitet, bitte warte <img src = 'lib/bilder/lade.gif'> </img> </center>"; mybg.style.width = "100%"; mybg.style.position = "absolute"; // Absolute Position Anzeige mybg.style.top = "260"; mybg.style.left = "0"; mybg.style.zindex = "100"; // Z-Axis Position mybg.style.opacity = "0.8"; // Transparenz mybg.style.filter = "alpha (opacity = 80)"; // Filter zeigt Transparenzdokument an. removeveviv = function () {document.body.removechild (mybg); Timer ();} </script>For more information about JavaScript related content, please check out the topics of this site: "JavaScript switching special effects and techniques summary", "JavaScript animation special effects and techniques summary", "JavaScript search algorithm skills summary", "JavaScript data structure and algorithm skills summary", "JavaScript traversal algorithm and techniques summary", "JavaScript operation skills Zusammenfassung "," JavaScript -Fehler und Debugging -Fähigkeiten Zusammenfassung "und" JavaScript Mathematical Operation Usage Zusammenfassung "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.