테스트 사이트 - 개발 중인 베타 버전입니다

로딩시 이미지 보여주기

<style type="text/css">
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center; }

#loading-image {
position: absolute;
top: 100px; <-- 이부분과
left: 240px; <-- 이부분을 50% 로 하면 화면 정 가운데에 로딩 이미지가 나타난다
z-index: 100; }
</style>

<div id="loading"><img id="loading-image" src="/imgs/ajax-loader.gif" alt="Loading..." /></div>
<div>
<img src = "/imgs/sample/cutyDog.jpg">
</div>

<script language="javascript" type="text/javascript">
$(window).load(function() {
$('#loading').hide();
});
</script>

---
별거 아니구먼요

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

감사합니다.
감사합니다 :)
감사합니다!! 잘썼습니다><

게시판 목록

그누보드5 팁자료실

글쓰기
🐛 버그신고