웹마스터 팁
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
로딩이 오래걸리는 페이지에서는 상단에 그냥 남아있는데요
페이지 로딩이 끝난상태에서도 ㅡ.ㅜ
제목 | 글쓴이 | 날짜 |
---|---|---|
고글검색하기!! [7] | 김민환 | 2006.10.30 |
셀렉트 박스를 이용한 콘트롤 만들기 ( 위로 이동 ) [1] | 예뜨락 | 2006.10.30 |
로딩 레이어 만들기 [6] | 이진수 | 2006.11.27 |
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] | 서기 | 2007.01.10 |
슬라이딩 레이어 메뉴!! 메뉴가 상하로 따라다녀요!! [4] | TiZa | 2007.02.03 |
비밀번호 입력해야 해당 페이지 보이기 [3] | 이명우 | 2007.02.28 |
Light box 이용하기.. [10] | 이진수 | 2007.03.12 |
자바스크립 동영상 플레이어 2 (네이버 발췌) [4] | 이진수 | 2007.03.28 |
자신의 홈피에 날씨를 달아보자. [2] | Rising.kr | 2008.01.21 |
자신의 홈페이지에 (검색,사전,로또,주식) 통합버전을 넣어보자. [3] | Rising.kr | 2008.01.21 |
프레임홈일때 부분프레임 무단링크 방지하기 [3] | gosoo99 | 2008.04.08 |
웹페이지에 마우스 따라다니는 예쁜 시계를 넣자 [5] | gosoo99 | 2008.04.08 |
다른 도메인간 iframe 크기 자동조절(cross domain iframe auto resize) [2] | 서기 | 2008.04.24 |
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서
[4]
![]() | 예뜨락 | 2008.05.05 |
나만의 위지윅 웹에디터 만들기 - 기본 준비2
[2]
![]() | 예뜨락 | 2008.05.11 |
지정된 시간동안 강제로 보여지는 언론사에서 많이 사용하는 광고창 | ITBANK.kr | 2008.10.01 |
구글 번역기 API | 유비키리 | 2008.10.29 |
웹서핑 동작 원리의 이해 [18] | zero | 2007.10.05 |
PHP에 대한 소개 [216] | zero | 2000.03.06 |
Database, MySQL 이 무엇인가~~~ ^^ [103] | zero | 2000.03.06 |