로딩화면을 만드는 방법 간단하게..
#1 먼저 css 로 로딩중에 보여줄 화면을 만듭니다.
보통 화면을 덮어서, 만듭니다.
.loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:#fff; z-index:1000; /* 이 값으로 레이어의 위치를 조정합니다. */ }
#2 로딩으로 보여줄 div 를 화면에 넣습니다.
보통 body 바로 담에 넣으면 됩니다.
#3 페이지가 로드되었을 때 로딩화면을 감춥니다.
이렇게하면, 일단 페이지가 로드되면 하얀 loading div 가 보이고,
페이지가 로드되면, 그 div 가 사라집니다.
'work' 카테고리의 다른 글
naver uiux lab Blog (0) | 2020.04.08 |
---|---|
[layout계산기] 포토샵 및 시안 작업시 배너간격 및 사이즈 배치를 도와드립니다. (1) | 2019.04.19 |
[그누보드5] tag(태그) 사용이 가능한 게시판 (0) | 2019.03.05 |
[jquery/css] 간단한 탭메뉴 만들기 tab menu (0) | 2019.03.05 |
[fontawesome] 4 version 폰트어썸 / fontawesome 옛날 버전 사용하기 (0) | 2019.02.26 |