웹마스터 팁
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>
제목 | 글쓴이 | 날짜 |
---|---|---|
{주목} CodeRed 아파치로그파일 지우기 [2] | skyel | 2001.08.22 |
MySQL 관리 첫걸음 [5] | 앤디(andy) | 2001.04.18 |
APC(Alternativ PHP Cache) 사용법( php 캐쉬 플러그인 ) [1] | 김도한 | 2002.01.29 |
아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 [14] | 차카게살자 | 2002.01.27 |
[APM자동설치] APM_Setup 3 ( Apache, PHP4, MySQL, Perl, Tomcat ) [6] | 근땅e | 2002.02.06 |
커널 버전 알아내기 [1] | 오픈소스 | 2002.02.21 |
vi 편집기 사용시 비프음 제어 | 오픈소스 | 2002.02.21 |
에러페이지를 서버관리자가 지정한 페이지로. [1] | teenteenv | 2002.02.21 |
[리눅스]proftp 에서 사용자가 상위 폴더로 이동을 못하게... [3] | teenteenv | 2002.02.22 |
[강좌1탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌2탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌3탄]와우리눅스7.0을 서버로 두고 인터넷공유 [4] | RealComty | 2002.02.23 |
[re] [강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | 주영명 | 2002.02.27 |
[강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | RealComty | 2002.02.23 |
[강좌끝이다~!]와우리눅스7.0을 서버로 두고 인터넷공유 [8] | RealComty | 2002.02.23 |
메모리 절약하기 - 리눅스 | 오픈소스 | 2002.02.24 |
wuftp에서 proftp로...그리고, proftp 설정하기 [1] | 쇠물택 | 2002.02.24 |
[sapzils서버세팅] A+P+M 소스 설치 [4] | 쇠물택 | 2002.02.24 |
텔넷 사용자 관리... | 쇠물택 | 2002.02.24 |
리눅스 시스템에서 시간 맞추기 [2] | 쇠물택 | 2002.02.24 |
퍼센트 숫자로 나오는거 없앨려면
<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 + "%";
//}
//lse 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);
setTimeout("progress();");
}
}
</script>
이걸로 대신넣어주시면 됩니다.