마스크 레이어(JS+CSS)
실현할 커버층을 미리 작성하고 css에서 스타일을 정의하며 js제어display는none 또는 Block입니다. 구체적인 코드는 다음과 같습니다.
CSS ：<style type="text/css">
#mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20000;
background-color:gray;
display: none;
}
#load{
position:absolute;
left:45%;
top:40%;
padding:2px;
z-index:20001;
height:auto;
display: none;
}html ：<input type="button" id="btn" value=" "/>
<div id='mask'>div>
<div id="load">
loading.....
div>JS ：<script>
var btn=document.getElementById("btn");
var mask=document.getElementById("mask");
var load=document.getElementById("load");
btn.onclick=function(){
mask.style.display="block";
load.style.display="block";
}
mask.onclick=function(){
mask.style.display="none";
load.style.display="none";
}
script>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
highcharts 데이터 테이블 설정 두 가지 등효 방식의 쓰기텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
