페이지 에 div 대기 커버 층 추가

프론트 페이지 에 제출 할 때 대기 아이콘 과 마스크 를 추가 해 야 할 때 가 많다.다음 예 를 사용 할 수 있 습 니 다:

<div id='loading' style='display:none;width:100%;height:120%;text-align:center;padding-top:20%; position: absolute;alpha(opacity=45); opacity:0.45;background-color:#FFFFFF;z-index:1000;'>
		<table style='margin:auto;'>
 			<tr><td><span id='disp'>   ,   ...</span></td></tr>
			<tr><td><img src='../   /img/loading.gif'></td></tr>
		</table>
	</div>

위의 예 에서 페이지 표층 에 div 를 추가 하고 투명 도 를 설정 하여 가 려 줍 니 다.
이 마스크 층 을 제어 하려 면 style. display 속성 을 설정 하여 제어 할 수 있 습 니 다. 다음 과 같 습 니 다.

//      
document.getElementById("loading").style.display="block";

//      
setTimeout("closeLoading()",2000);
function closeLoading() {
	document.getElementById("loading").style.display="none";
}

좋은 웹페이지 즐겨찾기