이 기사에서는 마스크 레이어 숨기기 및 JS가 Firefox 및 Iframe Onload 속성과 호환되는 디스플레이 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<%@ page language = "java"import = "java.util.*"pageEncoding = "gb2312"%> <%string path = request.getContextPath (); String BasePath = request.getScheme () : // " + request.getServerName () +": " + request.getserverport () +"; "-// w3c // dtml 4.01 과도기 // en"> <html> <head> <base href = "<%= basepath%>"> <title> </title> <meta http-equiv = "pragma"컨텐츠 = "no-cache"> http-equiv = "만료"content = "0"> <meta http-equiv = "keywords"content = "keyword1, keyword2, keyword3, keyword3"> <meta http-equiv = "description"content = "this page">-<link rel = "stylesheet"type/css "href = styles.cs. type = "text/css"> <!-#layer1 {위치 : 절대; 너비 : 896px; 높이 : 472px; z-index : 1; 왼쪽 : 97px; 상단 : 120px;}#layer2 {위치 : 절대; 너비 : 127px; 86px; z-index : 2; 왼쪽; {위치 : 절대; 폭 : 200px; 높이 : 115px; z-index : 3; 왼쪽 : 404px; 상단 : 160px;} Body {background-image : url (lib/images/index111.jpg); margin 왼쪽 : -10px;}. input_image {Portle Solid #808080; 배경색 :#006699;}-> </style> </head> <body leftmargin = "0"topmargin = "0"MarginWidth = "0"marginHeight = "0"onContextMenu = "return"ondragstart = "return"onselectStart = "false"onselection. oncopy = "document.selection.empty ()"onbeforecopy = "return false"onmouseup = "document.selection.empty ()"> <div id = "layer3"> <img src = "lib/images/welcome33.gif"/> </div> <div id = "layer1"> earth.jsp " id = "layer1"> </iframe> </div> <div id = "layer2"> <input type = image src = "lib/image/website.jpg"id = "website_earth"/> <br> <input type = image src = "lib/indime/associator.jpg"id = "elept_ass"<br> <br> <br> <br> <br> src = "lib/images/yichang.jpg"id = "yichang"/> <br> <br> <입력 유형 = image src = "lib/images/lvchang.jpg"id = "gtbike"/> <</div> </html> <cript> var secs = 20; var wait = Secs*100; Timing () {document.getElementById ( "select_ass"). disabled = true; true; document.getElementById ( "select_ass"). src = "lib/images/123123.jpg"; // timed switching image/ *for (i = 1; i <= (대기/100); i ++) {window.settimeout ( " + i +"). 100);} window.settimeout ( "timer ()", 대기);} function doupdate (num) {if (num == (Wait/100)) {document.getElementById ( "select_ass"). src = "lib/images/acciator.jpg"; } else {wut = (대기/100) -num; document.getElementById ( "select_ass"). src = "lib/images/123123.jpg"; }*/} // 원본 이미지 함수 timer () {document.getElementById ( "select_ass"). disabled = false; document.getElementById ( "select_ass"). src = "lib/images/associator.jpg";} var btmax = document.getElementById ( "layer1"); function () {displayDiv (); btmax.innerhtml = "<iframe src = ar onload = 'removediv ()'> </iframe> "; // js는 iframe 객체/*var를 만듭니다 newFrame = wind ng ","no "); 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 = layer1 onload = 'removediv ()'> </iframe>";} gtbike.onclick = function () {btmax.innerhtml = "<iframe src = lib/6111.jpg id = layer1> </iframe> ";} // 마스크 레이어 디스플레이 var mybg; displayDiv = function () {mybg = document.createElement ("div "); mybg.setattribute ( "id", "mybg"); mybg.innerhtml = "<centre>가 처리 중입니다. <img src = 'lib/images/loading.gif'> </img> </center>"; mybg.style.width = "100%"; mybg.style.position = "절대"; // 절대 위치 표시 mybg.style.top = "260"; mybg.style.left = "0"; mybg.style.zindex = "100"; // z- 축 위치 mybg.style.opacity = "0.8"; // 투명성 mybg.style.filter = "alpha (불투명 = 80)"; // 필터는 투명성 문서를 표시합니다. removediv = function () {document.body.removechild (mybg); timer ();} </script>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript Switching 특수 효과 및 기술 요약", "JavaScript Splegymation 특수 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 구조 및 알고리즘 스킬", "Javascript Sciretm 및 Techniques Suckes" "" "" "Javascript Skills" "" "" 요약 ","JavaScript 오류 및 디버깅 기술 요약 "및"JavaScript 수학적 작업 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.