웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
페이지 로딩중 효과
2003.02.16 02:43
■ 페이지 로딩중 효과 주기 ■
플래쉬와 같은 효과를.. html 에 넣는 소스
- 페이지가 다 뜨기전에는 로딩중 이라는 글씨를 나오게 합니다 ^^
1. 먼저 아래와 같은 자바 스크립트를 <head>와 </head> 사이에 넣어줍니다.
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
2. 다음으로 <body> 태그에 onload="hide()"를 추가시켜줍니다. 아래처럼 되겠죠.
<body text=black bgcolor=white onload="hide()">
3. <body> 바로 아래에 아래 스크립트를 넣습니다.
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
결국 이것들을 모아보면 아래처럼 됩니다.
<html>
<head>
<title></title>
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
</head>
<body onload="hide()" bgcolor='white' text='black'>
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
본래 문서
</body>
</html>
<출처 : http://web.ggambo.com >
플래쉬와 같은 효과를.. html 에 넣는 소스
- 페이지가 다 뜨기전에는 로딩중 이라는 글씨를 나오게 합니다 ^^
1. 먼저 아래와 같은 자바 스크립트를 <head>와 </head> 사이에 넣어줍니다.
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
2. 다음으로 <body> 태그에 onload="hide()"를 추가시켜줍니다. 아래처럼 되겠죠.
<body text=black bgcolor=white onload="hide()">
3. <body> 바로 아래에 아래 스크립트를 넣습니다.
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
결국 이것들을 모아보면 아래처럼 됩니다.
<html>
<head>
<title></title>
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
</head>
<body onload="hide()" bgcolor='white' text='black'>
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
본래 문서
</body>
</html>
<출처 : http://web.ggambo.com >
댓글 7
-
레드
2003.02.16 15:41
-
Gura.org
2003.02.18 17:00
-
비지코리아
2003.02.18 18:20
-- 미리보기가 있었으면.. -
오우
2003.02.24 19:05
-
[콜록]토끼군
2003.02.27 08:59
스크립트 중에 함수로 지정되지 않고 그냥 삐져 나와 있는 스크립트는 로딩에 따라 차츰 실행되고, onload는 완전히 읽어들인 후에 실행된다는 것을 응용한 것입니다. :-) -
impre
2003.04.07 05:39
제로보드에서 헤더화일에 적용시켜서 쓰니까..
글이 나타나도 화면을 가려버리네요..ㅡ.ㅡ;; 왜 그런가요? 다른 페이지는 잘 되던데... -
최상락
2003.05.04 15:28
태그 쓰니까 에러 나네요 T_T
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지에 BGM달기 [1] | SHIN군 | 2010.01.18 |
초보팁] 외부페이지에서 가져올 시 새창 띄우기 안되는거 수정하기(자바) [1] | 파라테일 | 2009.12.10 |
웹페이지 메시지 만들기 [초보자대응] [6] | cabnb | 2009.12.09 |
제로보드 XE - 1.3.x 설치부터 기본 홈페이지 만들기 | 스타호스트 | 2009.12.05 |
-추가- 당신의 XE 기반 홈페이지를 훅가게 하는 방법 4가지 [26] | 老姜君 | 2009.10.08 |
위젯에서 페이지 기능 활용 팁 [3] | 라르게덴 | 2009.10.05 |
페이지 작성 시 팁. 꼬꼬마 초보만 오세요. 배치 문제.. [7] | 연필깎는까치 | 2009.08.20 |
RSS를 활용한 HelloMaster 홈페이지 새글 알리미 설정하기 [3] | 퍼니온 | 2009.08.16 |
홈페이지 헤더부분에 display.handler.class.php 오류발생시 급해결방법 [3] | 극마 | 2009.08.09 |
페이지 제일 위로 바로가는 Top 버튼 [5] | 개돌 | 2009.06.26 |
로그인 후 그룹별로 다른 페이지로 가기 - 업데이트판 v1.5 [19] | 무대포2 | 2009.06.24 |
로그인 페이지 만드는 방법 [5] | 산토 | 2009.06.12 |
별도 페이지 로그인방법 | cornet | 2009.05.21 |
XE 위키에 최근 접속 페이지 정보 출력 | 개돌 | 2009.04.27 |
다양한 언어로 홈페이지 서비스하기 - 무식한 방법 [4] | 멀리서 | 2009.04.21 |
홈페이지 타이틀이 $user_lang->home ,freeboard등으로 나오는 문제 수정방법(자체해결) [1] | 정박사닷컴 | 2009.04.18 |
페이지 및 게시판 메뉴 경로 [2] | 자반튀김 | 2009.04.15 |
홈페이지 접속 속도에 미치는 에드온. [2] | jih449 | 2009.03.27 |
게시판을 활용한 페이지 생성 및 관리 아이디어...(참고) [5] | 빨간발 | 2009.03.27 |
페이지모듈에서 내용직접추가할때 "본문내이미지조절" 애드온 적용하기 [5] | 왜만지냐 | 2009.03.19 |
하지만 뒷 강좌보다는 더욱 알차 보인다는..^^