- html 로딩이미지
```
<div align="center" id="loading_image " style="width:100%; height100%; text-align:center; font-size:12pt; color:red; font-weight:bold; padding-top:100px;">
<img src="loading.gif"><br>
Loading ...
</div>
일단, 위와 같이 로딩 이미지를 <div> 태그내에 위치시키고 아이디를 loading_image 라구 명명합니다
그리고, 페이지 하단부분에 아래와 같이 코드를 넣어주면 됩니다
이렇게 하면, 페이지 로딩이 모두 완료된 이후에 로딩바가 사라지게됩니다
<script language="javascript">
document.all.loadingBar.style.display='none';
</script>
```
## 자주 하는 실수
- 기본기능으로 때우려고함
## 큐
- 어차피 헷갈리니 자주보고쓰자
## 내가 모르는 것
- html 로딩이미지
'공부기록' 카테고리의 다른 글
공부기록, 2021-08-24(recoil) (0) | 2021.08.24 |
---|---|
공부기록, 2021-08-23(react) (0) | 2021.08.23 |
공부기록, 2021-08-19(html 크롤링) (0) | 2021.08.19 |
공부기록, 2021-08-18(html 썸네일) (0) | 2021.08.18 |
공부기록, 2021-08-17(html 텍스트 이미지 변환) (0) | 2021.08.17 |