본문 바로가기

프로그래밍/Web_language

[ASP] 페이지 로딩완료 전 로딩 이미지 보여주기

반응형

[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>    

 

반응형