반응형
로딩중 표시 하기
<html>
<head></head>
<body>
<div id="loading_page">로딩중</div>
<div id="content_page" style="display:none">본문</div>
<script type="text/javascript">
document.getElementById('loading_page').style.display="none";
document.getElementById('content_page').style.display="";
</script>
</body>
</html>
페이지 로딩중 이미지 표시하기.
위 방식을 이용하면 로딩바도 가능 하지 않을까;
<head></head>
<body>
<div id="loading_page">로딩중</div>
<div id="content_page" style="display:none">본문</div>
<script type="text/javascript">
document.getElementById('loading_page').style.display="none";
document.getElementById('content_page').style.display="";
</script>
</body>
</html>
위 방식을 이용하면 로딩바도 가능 하지 않을까;
반응형
'Programing > HTML' 카테고리의 다른 글
| 🔤 HTML 특수 문자(Entity) 정리 가이드 (0) | 2025.04.18 |
|---|---|
| 🌐 메타 태그(meta tag) 종류와 사용법 정리 (0) | 2025.04.18 |
| HTML5 Video - DOM 속성 및 이벤트. (0) | 2012.01.26 |
| HTML5 mobile meta 태그 (0) | 2011.01.11 |
| table border (0) | 2010.04.07 |
| html target 옵션 (0) | 2009.12.29 |
| 메모 (0) | 2009.06.01 |
| absmiddle (0) | 2009.04.20 |