웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
로딩 레이어 만들기
2006.11.27 08:21
<script type="text/javascript">
function loading_st(){
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
layer_str = "<div id='loading_layer' style='position:absolute; background-color:; font-size:12px; left:"+ct_left+"px; top:"+ct_top+"px; width:400px; height:; padding:50px; text-align:center; vertical-align:middle; z-index:1000; font-weight: bold;'>로딩중입니다.</div>"
document.write(layer_str);
}
function loading_ed(){
var ta =document.getElementById('loading_layer');
ta.style.display='none';
}
loading_st();
window.onload = loading_ed;
</script>
출처 : PHPSCHOOL
제작 : 공대여자
---------=-------------------------------------------------=-------
... 말이 필요 없습니다.
그냥 "로딩중입니다." 라는 글자를 페이지가 바뀌면 보여줍니다.
페이지를 다 읽으면 감춥니다.
다른거 다 필요 없고 위 스크립트를 페이지의 상단에 붙여 넣으면 됩니다.
(될 수 있으면 body 바로 밑에 붙여주세요.)
--------------------------------------------------------=----------
응용하면 로딩 중일 때는 타이틀도 바꿀 수도 있겠죠.
DIV를 크게 하면 클릭도 못하게 할 수도 있죠.(뭐 이벤트 잡는 방법도 있지만...)
-------------------------------------------=-----------------------
좀 간단해서 올려보네요 . 따로 위치정하시려면 left:"+ct_left+"px; top:"+ct_top+"px; 이부분을 eft:800px; top:100px;이런식으로 수정하시면 됩니다.
미리보기 http://www.leejinsoo.net ( 제로보드 5베타버전에서 사용되는 이미지사용했습니다 ^^ )
function loading_st(){
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
layer_str = "<div id='loading_layer' style='position:absolute; background-color:; font-size:12px; left:"+ct_left+"px; top:"+ct_top+"px; width:400px; height:; padding:50px; text-align:center; vertical-align:middle; z-index:1000; font-weight: bold;'>로딩중입니다.</div>"
document.write(layer_str);
}
function loading_ed(){
var ta =document.getElementById('loading_layer');
ta.style.display='none';
}
loading_st();
window.onload = loading_ed;
</script>
출처 : PHPSCHOOL
제작 : 공대여자
---------=-------------------------------------------------=-------
... 말이 필요 없습니다.
그냥 "로딩중입니다." 라는 글자를 페이지가 바뀌면 보여줍니다.
페이지를 다 읽으면 감춥니다.
다른거 다 필요 없고 위 스크립트를 페이지의 상단에 붙여 넣으면 됩니다.
(될 수 있으면 body 바로 밑에 붙여주세요.)
--------------------------------------------------------=----------
응용하면 로딩 중일 때는 타이틀도 바꿀 수도 있겠죠.
DIV를 크게 하면 클릭도 못하게 할 수도 있죠.(뭐 이벤트 잡는 방법도 있지만...)
-------------------------------------------=-----------------------
좀 간단해서 올려보네요 . 따로 위치정하시려면 left:"+ct_left+"px; top:"+ct_top+"px; 이부분을 eft:800px; top:100px;이런식으로 수정하시면 됩니다.
미리보기 http://www.leejinsoo.net ( 제로보드 5베타버전에서 사용되는 이미지사용했습니다 ^^ )
댓글 6
-
zlgun
2006.12.07 16:06
이야 괜찮네요 ㅎㅎ 감사합니다 -
Khalitzburg
2006.12.08 13:36
레이어를 문서의 중간에 위치시키고자 한다면 어떻게 하면 되나요? -
이진수
2006.12.08 18:39
정 중앙 말씀이신가요 ? 위와 같이 그대로 하면 정 중앙입니다.
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
이부분이 위치를 계산하는 곳인데 정중앙을 찾는듯.... 그대로 복사후 테스트 해보시구요...
안되시면 쪽지주세요 -
엔시[치키니]
2007.02.19 17:49
공대여자 아찌께 nzeo까지 와잇네 ㅋㅋ -
vbmania
2008.02.13 11:15
커헉... 공대여자 님이 여자분이 아니었을 줄이야...
-
하늘에....
2007.03.11 13:49
로딩이 오래걸리는 페이지에서는 상단에 그냥 남아있는데요
페이지 로딩이 끝난상태에서도 ㅡ.ㅜ
제목 | 글쓴이 | 날짜 |
---|---|---|
배경 음악 연주기(다기능/스틱형) [1] | 이민주 | 2006.10.09 |
{로그인}관리자 로그인 폼 간단함 [2] | 김민환 | 2006.10.10 |
일반 시간...... [1] | 김민환 | 2006.10.10 |
위의 메뉴에 마우스를 올리면 밑에 메뉴가 나오는 소스 [1] | 김민환 | 2006.10.10 |
당신은~째 방문자 이십니다.<카운터> [11] | 김민환 | 2006.10.10 |
즐겨찾기 추가방법 [2] | 김민환 | 2006.10.10 |
앗 불꽃놀이다 구경가자 [3] | 김민환 | 2006.10.14 |
졸리시면 이것을 한번 써보세요.......(큰창 필수!!)지진이다 [2] | 김민환 | 2006.10.14 |
홈페이지의 필수!! 뮤직 플레이어!! [3] | 김민환 | 2006.10.14 |
앗!! 내별!! 내별날라가네 [3] | 김민환 | 2006.10.14 |
고글검색하기!! [7] | 김민환 | 2006.10.30 |
셀렉트 박스를 이용한 콘트롤 만들기 ( 위로 이동 ) [1] | 예뜨락 | 2006.10.30 |
셀렉트 박스를 이용한 콘트롤 만들기 ( 아래로 이동 ) | 예뜨락 | 2006.10.30 |
context menu - 마리홈 이름 팝업 레이어 [3] | 예뜨락 | 2006.10.30 |
도트 이모티콘 생성기 [21] | 예뜨락 | 2006.10.30 |
로딩 레이어 만들기 [6] | 이진수 | 2006.11.27 |
처음 만들어본 자바 스크립트.. 나이 알아 맞추기 [2] | 김동헌 | 2006.12.05 |
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] | 서기 | 2007.01.10 |
슬라이딩 레이어 메뉴!! 메뉴가 상하로 따라다녀요!! [4] | TiZa | 2007.02.03 |
간단한 덧셈 뺄셈 계산 | 예뜨락 | 2007.02.14 |