로딩화면 만들기 / 글 로딩 시 로딩창 띄우기

https://crazykim2.tistory.com/519

[티스토리] 로딩화면 만들기 / 글 로딩 시 로딩창 띄우기

 

<!-- Loading 화면 코드 시작 --> <script src="https://code.jquery.com/jquery-1.8.0.js" integrity="sha256-00Fh8tkPAe+EmVaHFpD+HovxWk7b97qwqVi7nLvjdgs=" crossorigin="anonymous"></script> <script type="text/javascript"> $(window).on('load', function () { $("#load").hide(); }); </script> <style type="text/css"> #load { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.8; background: white; z-index: 99; text-align: center; } #load > img { position: absolute; top: 50%; left: 50%; z-index: 100; } </style> <div id="load"> <img src="./images/loading.gif" alt="loading"> </div> <!-- Loading 화면 코드 종료-->

 

사이에 로딩 화면 코드를 복사해넣습니다