이야기
■ 페이지 로딩중 효과 주기 ■
■  페이지 로딩중 효과 주기  ■


플래쉬와 같은 효과를.. 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> 



목록

이 게시물을

에디터 선택

※ 주의 : 페이지가 새로고침됩니다
닫기

이 댓글을 삭제하시겠습니까?

제목
날짜
프리오는 무료광고,무료홍보,이벤트홍보,무료배너광고,무료광고게시판 자유롭게 이용가능한 무료광고 사이트입니다
2023.05.22
스크롤 따라 다니는 메뉴
2012.06.11
밑줄 없애기 소스
2012.06.11
각종 링크모음(뒤로,앞으로,새로고침,창닫기,위로)
2012.06.11
가로스크롤바가 필요없는 경우
2012.06.11
소리 동영상 embed 태그의 요소
2012.06.11
풀스크린 윈도우(전체문서 자동으로 띄우기)
2012.06.11
풀스크린 윈도우(도구막대만 보이게)
2012.06.11
새창으로 뜨는문서 다시 열리지않는 폼넣기
2012.06.11
[포토샾]쓰지않는 레이어 삭제기능
2012.06.11
[포토샾]레이어 그룹짓기
2012.06.11
이미지 테두리값 한꺼번에 없에기
2012.06.11
태그를 텍스트로 나타내기
2012.06.11
자동으로 페이지 이동
2012.06.11
상태표시줄에 주소 안보이게하기
2012.06.11
주소창에 홈주소만을 보이게 고정시키는 방법
2012.06.11
창닫는 소스와 최대화 최소화를 하는 소스
2012.06.11
플래시로 새창열기 , 풀스크린만들기, 풀스크린된것 줄이기, 닫기
2012.06.11
타이틀바에 타이핑 효과
2012.06.11
플래쉬에서 만들어 놓은 심볼을 포토샵으로 가져올때 가장 깨끗이 가져오기
2012.06.11
인크루드 시키기
2012.06.11
프리오는 무료광고,무료홍보,이벤트홍보,무료배너광고,무료광고게시판 자유롭게 이용가능한 무료광고 사이트입니다
스크롤 따라 다니는 메뉴
2012.06.11
밑줄 없애기 소스
2012.06.11
각종 링크모음(뒤로,앞으로,새로고침,창닫기,위로)
2012.06.11
가로스크롤바가 필요없는 경우
2012.06.11
소리 동영상 embed 태그의 요소
2012.06.11
풀스크린 윈도우(전체문서 자동으로 띄우기)
2012.06.11
풀스크린 윈도우(도구막대만 보이게)
2012.06.11
새창으로 뜨는문서 다시 열리지않는 폼넣기
2012.06.11
[포토샾]쓰지않는 레이어 삭제기능
2012.06.11
[포토샾]레이어 그룹짓기
2012.06.11
이미지 테두리값 한꺼번에 없에기
2012.06.11
태그를 텍스트로 나타내기
2012.06.11
자동으로 페이지 이동
2012.06.11
상태표시줄에 주소 안보이게하기
2012.06.11
주소창에 홈주소만을 보이게 고정시키는 방법
2012.06.11
창닫는 소스와 최대화 최소화를 하는 소스
2012.06.11
플래시로 새창열기 , 풀스크린만들기, 풀스크린된것 줄이기, 닫기
2012.06.11
타이틀바에 타이핑 효과
2012.06.11
플래쉬에서 만들어 놓은 심볼을 포토샵으로 가져올때 가장 깨끗이 가져오기
2012.06.11
인크루드 시키기
2012.06.11
쓰기

LOGIN

로그인

회원가입

SEARCH

MENU NAVIGATION