เมนูการนำทางเว็บแบบเลื่อนออก [เอฟเฟกต์พิเศษของหน้าเว็บ]

<!-- http://bbs.downcodes.com--> <!--区域中--> <div align="center"> <SCRIPT language=JavaScript > <!-- //---------------------- เริ่มตัวแปรที่ปรับแต่งได้ ----------------- ------/ //=== ตำแหน่ง ===// var left = 100; // ตำแหน่งเริ่มต้นด้านซ้าย var top = 20; // เริ่มต้นตำแหน่งซ้าย //=== เส้นโค้งและระยะทาง ===// var topInc = 5; // การกล่าวหาตำแหน่งบนสุด var leftInc = 5; // การเอียงตำแหน่งซ้าย /* ทำให้ทั้งเส้นโค้งแนวนอนและเส้นโค้งแนวตั้งเท่ากันเพื่อ.. .. ได้ช่องว่างที่เพิ่มขึ้นโดยไม่มีเส้นโค้ง */ var hor_curve = 20; // เส้นโค้งแนวนอน - 0 หากไม่มีเส้นโค้ง var ver_curve = -20; // เส้นโค้งแนวตั้ง - 0 หากไม่มีเส้นโค้ง //=== Timing และอื่นๆ ===// var noTimes = 50; // จำนวนครั้งที่รูปภาพแสดง var waitTime = 1; // การหน่วงเวลา var layer = 2; // ระดับเลเยอร์ var picture = '/images/logo.gif'; // รูปภาพที่จะแสดง (รูปภาพขนาดเล็กทำงานได้ดีกว่า) var start_retracted= true; // เริ่มรูปภาพที่หดกลับ (จริง / เท็จ) var retract= true; // ถอยกลับจากด้านหลังหลังจากขยาย (จริง / เท็จ) //=== ตัวเลือกการจาง (เฉพาะผู้ใช้ IE เท่านั้นที่เห็นการจาง) ===// var fade = true; // Gradual Fade (จริง / เท็จ) - ใช้งานได้เฉพาะเมื่อ retract =true var fd_destop = 0; // ระดับความโปร่งใสของปลายทาง (เช่น 80 สำหรับค่าทึบส่วนใหญ่) var fd_rate = 10; // เวลาเป็นมิลลิวินาทีระหว่างการเปลี่ยนแปลงความโปร่งใส (ดีที่สุดต่ำกว่า 100) var fd_delta = 5; // จำนวนการเปลี่ยนแปลงในแต่ละครั้ง (เช่น 5 สำหรับการเปลี่ยนแปลงความโปร่งใส 5%) var event_init = 'onClick'; // เหตุการณ์ที่สคริปต์เริ่มต้น var left_formula = '(left + leftInc) + ((count/100) * hor_curve)'; // สูตรตำแหน่งซ้าย var top_formula = '(top + topInc) + ((count/100) * ver_curve)'; // สูตรตำแหน่งบนสุด //-------------------------------- สิ้นสุดตัวแปรที่ปรับแต่งได้ ----------------- ------/// //--------------------- ห้ามแก้ไขเกินกว่าจุดนี้! ---------------------// จำนวนนับ = 0; var count2 = 0; var timeOutVal = รอเวลา * 10; var.txt; ภาพ var; var imageName; varlay = อาร์เรย์ใหม่; ฟังก์ชั่น addLayer(){ left = eval(left_formula); ด้านบน = eval (top_formula); txt = "<div id='Layer" + count + "' style='position:absolute; allowance:hidden; left:" + left + "; top:" + top + "; z-index:" + layer + "'>"; txt += "<a href='#' " + event_init + "='replay()'><img src='" + รูปภาพ + "' border=0 style='filter:alpha(opacity=100)' ชื่อ = 'รูปภาพ' + นับ + "'></a>"; txt += "</div>"; เอกสาร. เขียน(txt); วาง[นับ]=ใหม่ lib_obj("เลเยอร์"+นับ); } ฟังก์ชั่น logoCurveInit(){ ในขณะที่ (นับ < noTimes) { addLayer(); นับ++; } นับ = 0; วาง[0].showIt(); ถ้า (!start_retracted) เคลื่อนไหว(); } ฟังก์ชั่น animate(){ if (start_retracted) { if (!retract){ if (count > 0){ setTimeout('animate()',timeOutVal); วาง [นับ] .hideIt (); นับ--; } } else{ if (นับ >= 0){ setTimeout('animate()',timeOutVal); วาง [นับ] .showIt (); ถ้า (นับ != 0) fadeImage(); นับ--; } } if (ถอนกลับ){ if(count==0) retractIt(); } } else{ if (นับ < noTimes){ setTimeout('animate()',timeOutVal); วาง [นับ] .showIt (); ถ้า (นับ != noTimes-1 && ถอน) fadeImage(); นับ++; } ถ้า (ถอนกลับ){ ถ้า (นับ == noTimes) ถอนกลับ(); } } } ฟังก์ชั่น เล่นซ้ำ(){ ถ้า ((นับ == noTimes || (นับ == 0 || นับ == -1)) &&(count2 == noTimes-1 || count2 == 0)){ start_retracted = !start_หดกลับ; // ทำให้ค่าตรงข้ามกับค่า make_all_visible(); ถ้า (start_retracted){ count = noTimes-1; } อื่น ๆ { นับ = 0; } เคลื่อนไหว (); } } function retractIt(){ if (start_retracted) { // ถ้าโลโก้ไม่หด (แสดงทุกเลเยอร์) if (count2 > 0){ setTimeout('retractIt()',timeOutVal); วาง [count2].hideIt(); นับ2--; } } else{ // หากโลโก้ถูกถอนออก (แสดงเฉพาะเลเยอร์แรกเท่านั้น) if (count2 < noTimes-1){ setTimeout('retractIt()',timeOutVal); วาง [count2].hideIt(); นับ2++; } } } ฟังก์ชั่น fadeImage(){ if (fade){ if (count >= 0 && count <= noTimes){ image = document.images['Image' + count]; nereidFade(รูปภาพ,fd_destop,fd_rate,fd_delta); } } } ฟังก์ชั่น make_all_visible(){ สำหรับ (var i = 0; i< noTimes ; i++){ if (document.images['Image' + i].style.MozOpacity){ document.images['Image' + i] .style.MozOpacity=100; } else if (document.images['Image' + i].filters) { document.images['Image' + i].filters.alpha.opacity = 100; } } } //***************(DHTMLCentral.com)****************//// ฟังก์ชั่น check_browser( ){ this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=( this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) > = 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5) ส่งคืนสิ่งนี้ } bw=new check_browser() ฟังก์ชั่น show_message(txt){alert (ข้อความ); return false} function lib_obj(obj,nest){ if(!bw.bw) return show_message('เบราว์เซอร์เก่า') Nest=(!nest) ? "":'document.'+รัง+'.' this.evnt=bw.dom? document.getElementById(obj): bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; if(!this.evnt) return show_message('The layer ไม่มีอยู่ ('+obj+')' +'- หากคุณใช้ Netscape โปรดตรวจสอบการซ้อนแท็กของคุณ!') this.css=bw.dom||bw .ie4?this.evnt.style:this.evnt; this.ref=bw.dom||bw.ie4?document:this.css.document; this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0; this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0 this.w=this.evnt.offsetWidth||this.css.clip.width|| this.ref.width||this.css.pixelWidth||0; this.h=this.evnt.offsetHeight||this.css.clip.height|| this.ref.height||this.css.pixelHeight||0 this.c=0 if((bw.dom || bw.ie4) && this.css.clip) { this.c=this.css.clip; this.c=this.c.slice(5,this.c.length-1); this.c=this.c.split(' '); สำหรับ(var i=0;i<4;i++){this.c[i]=parseInt(this.c[i])} } this.ct=this.css.clip.top||this.c[0 ]||0; this.cr=this.css.clip.right||this.c[1]||this.w||0 this.cb=this.css.clip.bottom||this.c[2]||สิ่งนี้ ชม||0; this.cl=this.css.clip.left||this.c[3]||0 this.obj = obj + "วัตถุ"; eval(this.obj + "=this") ส่งคืน } lib_obj.prototype.showIt = function(){this.css.visibility="visible"} lib_obj.prototype.hideIt = function(){this.css.visibility= "ซ่อน"} lib_obj.prototype.writeIt = function(text,startHTML,endHTML){ if(bw.ns4){ if(!startHTML){startHTML=""; endHTML=""} this.ref.open("text/html"); this.ref.write(startHTML+ข้อความ+endHTML); this.ref.close() }else this.evnt.innerHTML=text } //******************(DHTMLCentral.com)********* *******//// /* รหัสที่นำมาจาก DynamicDrive.com (เริ่ม)--> Gradual-Highlight Image Script II- โดย J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) ฉบับเต็ม แหล่งที่มาของสคริปต์ ไปที่ http://dynamicdrive.com */ nereidFadeObjects = new Object();nereidFadeTimers = new Object(); ฟังก์ชั่น nereidFade(object, destOp, อัตรา, เดลต้า){ if (!document.all)return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+ ","+เดลต้า+")",0); กลับ;} clearTimeout (nereidFadeTimers [object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; ทิศทาง = 1; ถ้า (object.filters.alpha.opacity > destOp){direction = -1;} delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=ทิศทาง*เดลต้า; ถ้า (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+", "+ อัตรา +", "+delta+")", อัตรา); } } // <-- รหัสที่นำมาจาก DynamicDrive.com (สิ้นสุด) window.onload=new logoCurveInit(); //--> สิ้นสุดการซ่อน </SCRIPT><br><br><br><br><br><br><br><br> 用鼠标单击一下上可以看到非常好的效果! </div>