Artikel ini menjelaskan lapisan mask yang menyembunyikan dan menampilkan efek yang diterapkan JS yang kompatibel dengan firefox dan yaitu properti onload iframe. Bagikan untuk referensi Anda, sebagai berikut:
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%><%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title></title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv = "kedaluwarsa" konten = "0"> <meta http-equiv = "kata kunci" konten = "kata kunci1, kata kunci2, kata kunci3"> <meta http-equiv = "deskripsi" content = "Ini halaman saya"> <!-<tautan rel = "stylesheet" type = "conts" css saya "> <! type = "text/css"> <!-#layer1 {position: absolute; lebar: 896px; tinggi: 472px; z-index: 1; kiri: 97px; atas: 120px;}#layer2 {Posisi: absolute; lebar: 127px; tinggi: 86px; z-index: 2.9.90; Tinggi; 86px; z-index: 2: 127px; Tinggi: 86px; z-index: 2: 27px; tinggi: 86px; z-index: 2: 2: 127px; tinggi: 86px; z-index: 2: 12px; tinggi: 86px; z-index: 2; {Posisi: absolute; lebar: 200px; tinggi: 115px; z-index: 3; kiri: 404px; Top: 160px;} body {latar belakang-gambar: url (lib/gambar/index111.jpg); margin-left: -10px;}. input_image {0px: 0px: #80px;}. Input_image {0px: 0px: #80px; Latar Belakang-Color:#006699;}-> </tyle> </head> <body leftmargin = "0" topmargin = "0" marginwidth = "0" marginheight = "0" oncontextMenu = "return false" onsdragStart = "return false" onSelectStart = "return false" false "document =" onsdoctart = "return false" onSelectStart = "false" false "ONCELECTET =" dOUCTECTET "ONCOUND.ICECTY.IDECTY.ICECTY. OnCELECTSTART =" FALSE "ONCESELECET =" ON FOSHOLET = "DOCORECETET." DOUCTECT. "DOCORECTET. oncopy = "document.selection.empty ()" onbeforecopy = "return false" onmouseup = "document.selection.empty ()"> <div id = "layer3"> <img src = "lib/gambar/welcome33.gif"/> </Div> <Div ID = "layer1"> <iframe udrc. 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/gambar/yichang.jpg" id = "yichang"/> <br> <br> <input type = gambar src = "lib/gambar/lvchang.jpg" id = "gtbike"/> <</div> </body*</html> <script> vars = 20; timing () {document.geteLementById ("select_ass"). disabled = true; document.geteLementById ("select_ass"). src = "lib/gambar/123123.jpg"; // wastoring gambar/ *untuk (i = 1; i <= (tunggu/100); i ++) {window. " 100);} window.setTimeout ("timer ()", tunggu);} function doupdate (num) {if (num == (tunggu/100)) {document.geteLementById ("select_ass"). Src = "lib/gambar/associator.jpg"; } else {wut = (tunggu/100) -num; document.geteLementById ("select_ass"). src = "lib/gambar/123123.jpg"; }*/} // Beralih timer fungsi gambar asli () {document.geteLementById ("select_ass"). Disabled = false; document.geteLementById ("select_ass"). Src = "lib/gambar/associator.jpg";} var btmax = document.getElementByid ("layer.jpg";} var btmax = document.getElementById ("layer1"); 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 = 'RemeVedIv ()'> </iframe> "; // js membuat objek iframe/*var Newframe = window.parent.document.createElement ("iframe"); newframe.id = "layer1"; newframe.setAttribute ("frameborder", "0"); newframe.setAttribute ("scrolli ng "," no "); newframe.setAttribute (" onload "," removedIv () "); newframe.setAttribute (" src "," client? name = 1 "); btmax.appendChild (newframe);*/} yichang.onclick = function () {displayDiv (); btmax.innerHtml = "<iframe src = klien? name = 2 id = layer1 onload = 'removedIv ()'> </iframe>";} gtbike.onClick = function () {btmax.innerhtml = "iframe Sing = lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib/lib {btmax.InnerHTML =" id = layer1> </iframe> ";} // mask layer display var mybg; displayDiv = function () {mybg = document.createElement (" div "); mybg.setAttribute ("id", "mybg"); mybg.innerHtml = "<Tenter> sedang diproses, harap tunggu <img src = 'lib/images/loading.gif'> </mmg> </center>"; mybg.style.width = "100%"; mybg.style.position = "absolute"; // posisi absolute menampilkan mybg.style.top = "260"; mybg.style.left = "0"; mybg.style.zindex = "100"; // posisi z-axis mybg.style.opacity = "0.8"; // transparansi mybg.style.filter = "alpha (opacity = 80)"; // filter menampilkan transparansi dokumen.body.appendChild (mybg);} // papter layer document.body.applendchild (mybg);} // tata kayuan REMEVEDIV = 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 Ringkasan "," Kesalahan JavaScript dan Ringkasan Keterampilan Debugging "dan" JavaScript Ringkasan Penggunaan Operasi Matematika "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.