웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
로딩 100% 후 페이지 이동시키기
2004.04.30 04:10
예제 :: http://yoonmi.net/zboard/study/study119_1.htm
예제 페이지는 윤미쩜넷을 기본으로 합니다.
검색 결과, 로딩중 효과가 있었는데, 이는 다른 방법으로 응용한것으로, 다시 올렸습니다^^;
소스의 출처는 http://www.script.ne.kr/입니다. 기본적으로 소스중에 이미지가
저쪽 홈에 있는 것이 있으므로 묻이 닫히면 안될 수도 있으니 미리 알아서,
이미지 파일 받아서 자신의 경로로 수정하시길 바랍니다.
소스중에 수정부분은 검은색 진한 글씨의 주소 부분을자신의 홈 주소로 변경해주시면 됩니다.
메인주소로 써주셔야 합니다. 인덱스에 저걸 해주시구요^^;
========================================
<head> </head> 사이에 소스를 삽입하세요.
========================================
<script language=javascript>
prog_sec = 0.5; // Prosess time
length_bar = 300; // Bar length
cnt_img = 15; // Number of image
width_img = length_bar/cnt_img; // width of image
height_img = 8; // height of image
var chk_cnt = 0;
var prog_per = 0;
var time_unit = (prog_sec*1000)/cnt_img;
function progress() {
if(chk_cnt < cnt_img) {
document.images["prog_img"+chk_cnt].src = "http://www.script.ne.kr/image/upload/icon/prog_bar.gif";
chk_cnt++;
prog_per = Math.round((chk_cnt/cnt_img)*100);
if(document.all) { // ie4+
document.all.prog_num.innerHTML = prog_per + "%";
}
else if(document.getElementById) { // nn6+
document.getElementById("prog_num").innerHTML = prog_per + "%";
}
if(chk_cnt == cnt_img) {
window.location.replace("http://yoonmi.net");
}
setTimeout("progress();", time_unit);
}
}
</script>
========================================
<body> 안에 넣어주세요.
========================================
<body onLoad="progress();" >
========================================
<body> </body> 사이에 소스를 삽입하세요.
========================================
<script language=javascript>
for(i=0;i<cnt_img;i++) {
document.write("<img src=http://www.script.ne.kr/image/upload/icon/prog_bg.gif width="+width_img+" height="+height_img+" name=prog_img"+i+" border=0>");
}
</script>
<div id=prog_num class=small></div>
예제 페이지는 윤미쩜넷을 기본으로 합니다.
검색 결과, 로딩중 효과가 있었는데, 이는 다른 방법으로 응용한것으로, 다시 올렸습니다^^;
소스의 출처는 http://www.script.ne.kr/입니다. 기본적으로 소스중에 이미지가
저쪽 홈에 있는 것이 있으므로 묻이 닫히면 안될 수도 있으니 미리 알아서,
이미지 파일 받아서 자신의 경로로 수정하시길 바랍니다.
소스중에 수정부분은 검은색 진한 글씨의 주소 부분을자신의 홈 주소로 변경해주시면 됩니다.
메인주소로 써주셔야 합니다. 인덱스에 저걸 해주시구요^^;
========================================
<head> </head> 사이에 소스를 삽입하세요.
========================================
<script language=javascript>
prog_sec = 0.5; // Prosess time
length_bar = 300; // Bar length
cnt_img = 15; // Number of image
width_img = length_bar/cnt_img; // width of image
height_img = 8; // height of image
var chk_cnt = 0;
var prog_per = 0;
var time_unit = (prog_sec*1000)/cnt_img;
function progress() {
if(chk_cnt < cnt_img) {
document.images["prog_img"+chk_cnt].src = "http://www.script.ne.kr/image/upload/icon/prog_bar.gif";
chk_cnt++;
prog_per = Math.round((chk_cnt/cnt_img)*100);
if(document.all) { // ie4+
document.all.prog_num.innerHTML = prog_per + "%";
}
else if(document.getElementById) { // nn6+
document.getElementById("prog_num").innerHTML = prog_per + "%";
}
if(chk_cnt == cnt_img) {
window.location.replace("http://yoonmi.net");
}
setTimeout("progress();", time_unit);
}
}
</script>
========================================
<body> 안에 넣어주세요.
========================================
<body onLoad="progress();" >
========================================
<body> </body> 사이에 소스를 삽입하세요.
========================================
<script language=javascript>
for(i=0;i<cnt_img;i++) {
document.write("<img src=http://www.script.ne.kr/image/upload/icon/prog_bg.gif width="+width_img+" height="+height_img+" name=prog_img"+i+" border=0>");
}
</script>
<div id=prog_num class=small></div>
댓글 1
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 패스워드 걸기 소스 [7] | 이슈™ | 2002.03.13 |
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
[v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window) [3] | 아린~★ | 2003.01.29 |
페이지 로딩중 효과 [7] | 깜보 | 2003.02.16 |
페이지 프린트 제어 하기 [1] | RedEye | 2003.04.14 |
자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
경우에 따라 공지가 새창에서도 보여야 하고, 일반 페이지에서도 보여야 할때 | 조은하루 | 2003.08.22 |
frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법(?) | monozzang | 2003.09.02 |
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] | ∑Ztxy | 2003.09.29 |