ภาษาไทย
<style type="text/css"><!-- .LoadBarDiv { BORDER-RIGHT: #777 1px dotted; BORDER-TOP: #777 1px dotted; FONT-WEIGHT: ปกติ; ; ตัวกรอง: อัลฟ่า(ความทึบ=80, FinishOpacity=10, สไตล์=1, StartX=1, StartY=1, FinishX=1, FinishY=100); /2); จัดตำแหน่งแนวตั้ง: ตรงกลาง; BORDER-LEFT: #777 1px dotted; WIDTH: 250px; WORD-BREAK: แบ่งทั้งหมด; BORDER-BOTTOM: #777 1px dotted; Arial", "Helvetica", "sans-serif"; POSITION: Absolute; HEIGHT: 78px; BACKGROUND-COLOR: #f1f1f1 } --></style> <script language="JavaScript"> //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ยินดีต้อนรับสู่การดาวน์โหลดการวิจัย^ขอบคุณ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ // ยินดีด้วยที่ค้นพบ ที่อยู่ ฉันคงตื่นเต้นมากกับเอฟเฟกต์นี้ ^^ ทำมานานแล้ว~ อืม! วิสัยทัศน์ของฉันผิด~~ // เพียงอ้างอิงฟังก์ชันนี้โดยตรงในหน้าเว็บ อย่าลืมโหลดสไตล์ css มาก่อน ไม่เข้าใจ ถามได้ครับ~~ // == Page LoadBar == //:: Version.0.4 //:: Powered by Snow :: @ 2006.4.4 //:: QQ:49054026 :: / /:: จดหมาย: snow@xunuo.com :: //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤ //+(ฟังก์ชันความเข้ากันได้ของความยาวและความกว้าง)+---------------- ---------- ----------------||. function scrollTop() // ตำแหน่งแถบเลื่อนของเบราว์เซอร์ { var scrollTop; if (document.documentElement && document. documentElement.scrollTop){ scrollTop = document.document.body){ scrollTop = document.body.scrollTop; } อื่น ๆ ถ้า (window.pageYOffset){ scrollTop = window.pageYOffset; // คำจำกัดความพารามิเตอร์หน้าต่างเบราว์เซอร์และฟังก์ชันการรับข้อมูล เข้ากันได้กับ IE6 & MF โดย nokersang * ฟังก์ชั่น 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'); LoadBar_Msg = document.getElementById .getElementById("LoadBar_Message"); LoadBar_Div .style.top = LoadBar_Div.offsetTop + LoadBar_Div.filters.alpha.opacity = 50; LoadBar_Hide_ ดาวน์เดลต้า = 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 />Middle LoadBar_Div <br /> สร้างโดย Snow <br /> [url]www.xunuo.com[/url] <br />"); document.writeln(" <font id= dot color=blue></font>"); document.writeln("</ div>"); document.writeln("</div>"); document.writeln("</div>" ) } //---------------- ----------------------------- ----------|| ///(เลื่อนด้วยแถบเลื่อน) +--------------------------- -------------||. ฟังก์ชั่น LoadBar_move() { ถ้า (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.offsetLeft+dx+ "px"; } */ } //------------- --------------------------- ---------------|| ///(ฟังก์ชั่น LoadBar Fading)+------------------------ ----------||. var LoadBar_breath_b = 0, LoadBar_breath_c = true; ฟังก์ชัน 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_upturn=false ; var Hide_upturnnow = false; function LoadBar_Hide() { clearInterval(IV_LoadBar_move); 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; dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(dy <= 0) { Hide_upturn = true; } } ถ้า(hide_upturn == true) { //ฉันยังคง มีอะไรจะพูดมากกว่านี้~~ ฉันต้องย้ายมันไปที่กึ่งกลางของหน้าจอแล้วแสดงให้คุณดู //ด้านบนเป็นเพราะการดำเนินการเริ่มต้นขึ้น ฟังก์ชั่นการย้ายมีพิกัดแถบเลื่อนล่าสุดถ้า (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 = LoadBar_Div.filters.alpha.opacity-2; if(LoadBar_Div.filters.alpha.opacity <= 0) { clearInterval(IV_LoadBar_Hide); LoadBar_Div.style.display = "ไม่มี" } } } //--------------- --------------------------------- -------||. //+(ช่วงระหว่างสถานที่)+ ---------------------------------- ------||. ฟังก์ชั่น LoadBar_SetIV (เริ่มต้น) { ถ้า ( start == "ก่อนออนโหลด"){ IV_LoadBar_move = setInterval("LoadBar_move()",20); IV_LoadBar_breath = setInterval("LoadBar_breath()",20) } else if (start == "หลังจากออนโหลด") { clearInterval( IV_LoadBar_move); clearInterval(IV_LoadBar_reath); IV_LoadBar_Hide = setInterval("LoadBar_Hide()",15); -----------------------------------|| // +(ออกมา~^^)+--- -------------------------------------- -||. ฟังก์ชั่น LoadBar_Start(){ LoadBar_writebar(); LoadBar_setvalue(); LoadBar_SetIV("ก่อนออนโหลด"); --------------------||. ///(ได้เวลาไปแล้ว~^^)+---- ----------- ---------------------------------||. function LoadBar_End(){ LoadBar_SetIV("หลังจากออนโหลด "); -------------------------------------------------- -------------------------------------------------- ----- ----------||. //+(การเริ่มต้น~^^)+----------------------- --- ---------------||. LoadBar_Start();//Start~~~ //ฟังก์ชัน Anonymous แก้ปัญหาที่ onload สามารถเพิ่มได้เฉพาะชื่อฟังก์ชัน window.attachEvent('onload ',LoadBar_End) ; //---------------------------------------------- ------- --------|| //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤ 3Q /{ :: + Promise |. SnoW + ::} //http://www.xunuo.com //:: อยากเล่น World of Warcraft กับฉันไหม :: //:: QQ:49054026 :: //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ </ script> <body> มาดูเอฟเฟกต์กัน</body></html>