반응형
[ASP] 페이지 로딩완료 전 로딩 이미지 보여주기
페이지 로딩 속도가 오래 걸릴때.
일단 로딩 이미지 보여주고. 페이지 로딩완료 되면 로딩 이미지 제거하는 방식.
<div id="loadingDiv"></div>
<style>
#loadingDiv{
background: url(/img/loading_2021.gif) no-repeat center;
background-size: 510px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.4);
position: fixed;
z-index: 5001;
top: 0;
}
</style>
~
~
~
~
~
~
<script>
$("document").ready(function(){
$('#loadingDiv').hide();
}
</script>
반응형
'프로그래밍 > Web' 카테고리의 다른 글
네이버 클라우드 플랫폼에서 장고(Django) 개발 환경 구성 및 활용하기 (0) | 2021.04.09 |
---|---|
[jsonp] jsonp 방식 으로 데이터 통신 (0) | 2021.03.25 |
REST API 제대로 알고 사용하기 (0) | 2021.03.17 |
전화대신 채팅상담 - channel.io (0) | 2020.12.04 |
왓챠, 이스터에그 중 루모스, 볼드모트 해봄. (0) | 2020.12.03 |