한국어
<style type="text/css"><!-- .LoadBarDiv { BORDER-RIGHT: #777 1px dotted; #777 1px 점선; FONT-WEIGHT: 12px ; 필터: Alpha(불투명도=80, FinishOpacity=10, 스타일=1, StartX=1, StartY=1, FinishX=1, FinishY=100) ; 표현식((this.parentElement.offsetWidth-this.offsetWidth) /2); VERTICAL-ALIGN: 중간; WIDTH: 250px; BORDER-BOTTOM: #777 1px 점선; Arial", "Helvetica", "sans-serif"; 위치: 절대; HEIGHT: 78px; BACKGROUND-COLOR: #f1f1f1 } --></style> <script 언어="JavaScript"> //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤연구 다운로드를 환영합니다^감사합니다¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ // 발견을 축하합니다 주소는 이 효과에 매우 기대됩니다 ^^ 오랫동안 해왔습니다~ 흠! 제 생각이 틀렸네요~~ // 전에 CSS 스타일을 웹 페이지에서 직접 로드하는 것을 잊지 마세요. 이해가 안 돼요 물어봐도 돼요~~ // == Page LoadBar == //:: Version.0.4 //:: Powered by Snow :: @ 2006.4.4 //:: QQ:49054026 :: / /:: 메일: snow@xunuo.com :: //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤ //+(길이 및 너비 호환 함수)+---------------- ---------- ---|| function scrollTop() //브라우저 스크롤 막대 위치 { var scrollTop; documentElement.scrollTop){ scrollTop = document.document.body){ scrollTop = document.body.scrollTop; }else if (window.pageYOffset){ scrollTop = window.pageYOffset } //브라우저 창 매개변수 정의 및 획득 함수, nokersang의 IE6 및 MF와 호환 * function scrollX(){ if(document.documentElement.clientWidth<document.body.clientWidth&&document.documentElement.clientWidth){ theX = 'document.documentElement.clientWidth '; }else{ theX = 'document.body.clientWidth'; } if(document.documentElement.clientHeight<=document.body.clientHeight&&document.documentElement.clientHeight){ theY = 'document.documentElement.clientHeight'; = 'document.body.clientHeight'; } } //scrollX() //--------------- -------------- -----------|| //+(구성 함수)+------------- ------------- ---|| function LoadBar_setvalue(){ LoadBar_Div = document.getElementById('LoadBar') = document .getElementById("LoadBar_Message"); LoadBar_Div .style.top = LoadBar_Div.filters.alpha.opacity = 50; LoadBar_breathstep = 1; _Hide_downDelta = 0.06; LoadBar_Hide_upDelta = 0.03; startalpha = 70 } //-- ----------- ------------- ---|| //+(LoadBar 배치)+------------ -------- --|| function LoadBar_writebar(){ document.writeln("<div>") document.writeln("<div id= "LoadBar" class="LoadBarDiv">"); document.writeln(" <div id="LoadBar_Message" align="center">"); document.writeln("<br>테스트 LoadBar<br />중간 LoadBar_Div <br /> Made by Snow <br /> [url]www.xunuo.com[/url] <br />"); document.writeln(" <font id= 도트 컬러=파란색></글꼴>"); document.writeln("</div>"); document.writeln("</div>"); document.writeln("</div>" ) } //--- ----------------------------- ----------|| //+(스크롤 막대로 스크롤) +--------------- -------------|| function LoadBar_move() { if (LoadBar_Div.offsetTop != (scrollTop() + LoadBar_Top)) { var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta; dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy )); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy } /* 오프셋이 중지될 수 있습니다. 오프셋이 완료되기 전에... LoadBar_SetIV 함수 때문에 clearInterval LoadBar_move if(LoadBar_Div.offsetLeft!=Math.round((eval(theX)-752)*0.25-50)){ var dx=((eval(theX)- 752)*0.25-100-LoadBar_Div.offsetLeft) * LoadBar_Delta; dx=(dx>0?1: -1)*Math.ceil(Math.abs(dx)); LoadBar_Div.style.left=LoadBar_Div.offsetLeft+dx+ "px" } */ } //------------ --------------- ---------------|| //+(LoadBar 페이딩 기능)+------------ ----------|| var LoadBar_breath_b = 0, LoadBar_breath_c = true; function LoadBar_breath() { var n = LoadBar_breathstep,b = LoadBar_breath_b,c = LoadBar_breath_c; ;} if(c == false) {b-=n;} if(b<= 10) {c = true;} if(c == true) {b+=n;} LoadBar_Div.filters.alpha.opacity= b; LoadBar_breath_b = b; LoadBar_breath_c = c } //------ ---------------- --------|| / /+(LoadBar 플래시 기능)+------ ---|| var hide_upturnnow = false; function LoadBar_Hide() {clearInterval(IV_LoadBar_breath); LoadBar_Msg.innerHTML="<br ><font color=red>로드 완료</font><br><font color=blue >테스트 중..^_^<br>[url]www.xunuo.com[/url] </font>"; if(hide_upturn == false) { LoadBar_Div.filters.alpha.opacity = LoadBar_hide_startalpha; var dy = (scrollTop() + LoadBar_Top + LoadBar_hide_down_y_increase - LoadBar_Div.offsetTop) * LoadBar_Hide_downDelta; Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(dy <= 0) { hide_upturn = true } } if(hide_upturn == true) { //아직 더 할말 있음~~ 화면 중앙으로 이동해서 보여줘야지 //위는 실행이 시작되었기 때문입니다. 이동함수는 스크롤바 좌표가 가장 최근에 있습니다. if (LoadBar_Div.offsetTop != ( scrollTop() + LoadBar_Top) && hide_upturnnow != true) { var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta dy = ( dy > 0 ? 1 : - 1) * Math.ceil(Math.abs (dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(LoadBar_Div.offsetTop == (scrollTop() + LoadBar_Top)){ hide_upturnnow = true;} }else{ var dy = (scrollTop() - LoadBar_Div .offsetTop) * LoadBar_Hide_upDelta; dy = Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop - dy; LoadBar_Div.filters.alpha.opacity-2; if(LoadBar_Div.filters.alpha.opacity <= 0) {clearInterval(IV_LoadBar_Hide); LoadBar_Div.style.display = "none" } } } //--------------- --------------------------------- -------|| //+(배치 간격)+ --------------------- ------|| function LoadBar_SetIV(start){ if( start == "onload 전"){ IV_LoadBar_move = setInterval("LoadBar_move()",20) IV_LoadBar_breath = setInterval("LoadBar_breath()",20) } else if (start == "onload 후") {clearInterval( IV_LoadBar_move);clearInterval(IV_LoadBar_breath); IV_LoadBar_Hide = setInterval("LoadBar_Hide()",15) } //--------- --- ---------------------|| // +(나오세요~^^)+--- -------------------------------------- -|| function LoadBar_Start(){ LoadBar_writebar(); LoadBar_setvalue(); LoadBar_SetIV("로드 전") } //------------ ------------ -------|| //+(가야할 시간이에요~^^)+------ ----------- ----------------|| function LoadBar_End(){ LoadBar_SetIV("onload 후 ") } //--- ------------------------------------- ----- ----------|| //+(초기화~^^)+---------- --- ---------------|| LoadBar_Start();//Start~~~ //onload는 함수 이름만 추가할 수 있는 문제를 해결합니다. window.attachEvent('onload ',LoadBar_End) //------------------------------- ------- --------|| //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤ 3Q /{ :: + Promise | SnoW + ::} //http://www.xunuo.com //:: 나랑 월드 오브 워크래프트를 플레이할래? :: //:: QQ:49054026 :: //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ </ script> <body> 효과를 살펴보자</body></html>