ภาษาไทย
<!-- +++เมนูการนำทางเว็บแบบเลื่อนออก+++++ --> <html> <head> <!-- +++++ รหัสต่อไปนี้ถูกเพิ่มลงในพื้นที่ <head>+++++ -- > <style> เนื้อความ td,a {font-size:9pt;สี:สีดำ;ข้อความตกแต่ง:none} .ปกติ {padding:2px} .up {padding:1px;border:#999999 1px solid;พื้นหลัง:# cccccc} .down {padding :1px;border:dbdbdb 1px solid;พื้นหลัง:dbdbdb} .menuv {ตัวกรอง: เผยTrans(transition=23,duration=0.5);padding:2px} </style> </head> <!- - +++++ ++++++++++++++++++++++++++++ รหัสต่อไปนี้ถูกเพิ่มลงในพื้นที่ <body> ++++++++++ ++++++++++ ++++++++++++ --> <body onMouseMove="move()" onLoad="bodyload()"> <script> // ฟังก์ชันกระพริบเส้นขอบตาราง flashit(){if(!document. ทั้งหมด)กลับมา;ถ้า (td123.style.borderColor=="สีดำ")td123.style.borderColor="#999999";else td123.style.borderColor=" black"}setInterval("flashit()",500) / /จางหายไปในเอฟเฟกต์ เปลี่ยนค่าอัลฟ่าฟังก์ชัน สูง(รูปภาพ){theobject=รูปภาพ,ไฮไลต์=setInterval("highlightit(theobject)",100)}ฟังก์ชันต่ำ (รูปภาพ){clearInterval(ไฮไลต์),image.filters.alpha.opacity= 50}ฟังก์ชั่น highlightit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window .highlighting)clearInterval (highlighting)} //JS สำหรับการลากเลเยอร์ไปเหนือ= false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;}} //เลื่อนเลเยอร์ function bodyload() { if(plane.style.pixelTop!=0) { plan.style.pixelTop-=10 setTimeout('bodyload()' ,1) } } //ฟังก์ชันเลเยอร์การแสดงการไล่ระดับสี แสดง(หาร) { divid. filter.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } ฟังก์ชัน ซ่อน( แบ่ง) { divid.filters.revealTrans.apply(); = "ซ่อน"; divid.filters.revealTrans.play(); } </script> <div style="position:absolute;z-index :1;width:1;height:1; left: 0; top: 500 " ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY- parseInt(plane.style.top)" onmouseup="down=false"> < รหัสตาราง = "td123" cellspacing = 2 ความกว้าง = 100 เส้นขอบ = 0 style = "BORDER: #999999 1px solid; cursor: hand" cellpadding = "0" bgcolor = "f4f4f4"> <tr> <td bgcolor = "#cccccc " height="20" style="BORDER:#999999 1px solid;cursor:move"> <div align="center">เมนูเลื่อนหลายระดับ</div> </td> </tr> <tr> < td class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this),Show( menu1) " onMouseOut="this.className='normal',low(นี่ ),menu1.style.visibility='hidden'" style="filter:alpha(opacity=50)" onMouseUp="this.className='up '" > <div align="right">มีระดับที่ต่ำกว่า เมนู>></div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver=" this.className='up',สูง(นี้) แสดง (เมนู2)" onMouseOut="this.className='normal',low(this),menu2.style.visibility='hidden'" style="filter:alpha (opacity=50)"onMouseUp="this.className= 'up'" > <div align="right">มีเมนูระดับล่าง>></div> </td> </tr> <tr> <td class= ปกติ onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha (opacity=50)"onMouseUp=" this.className='up'"> <div align="right">ไม่มีเมนูรอง>></div> </td> </tr> <tr> <td class= ปกติ onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha (opacity=50)"onMouseUp=" this.className='up'"> <div align="right">ไม่มีเมนูรอง>></div> </td> </tr> </table> <div id ="menu1" style="position: สัมบูรณ์; ด้านบน: 24px; ซ้าย: 96px; z-index: 1; การมองเห็น: ซ่อนไว้; ความกว้าง: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style. "> <table cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right "> <tr> <td class= ปกติ onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low( this)" style="filter:alpha (opacity=50)"onMouseUp="this.className='up'"> <div align="center">เมนูย่อย</div> </td> </tr> < tr> <td class=normal onMouseDown=" this.className='down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50) )"onMouseUp="this.className='up'"> <div align=center>เมนูย่อย</div> </td> </tr> <tr> <td class =normal onMouseDown="this.className='down '" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter: alpha(opacity=50)"onMouseUp="this .className='up'"> <div align=center>เมนูย่อย</div> </td> </tr> <tr> <td class=normal onMouseDown=" this.className='down'" onMouseOver="this .className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50 )"onMouseUp="this.className='up' "> <div align=center>เมนูย่อย</div> </td> </tr> </table> </div> <div id="menu2" style ="position:absolute;top:45px;left:96 ; z-index:1; การมองเห็น: ซ่อนไว้; ความกว้าง: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style.visibility='hidden' class="menuv"> <table cellspacing=2 width= 100 เส้นขอบ=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"> <tr> <td class=normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style= "filter:alpha(opacity=50)"onMouseUp=" this.className='up'"> <div align="center">เมนูย่อย</div> </td> </tr> <tr> <td class =normal onMouseDown="this.className='down'" onMouseOver ="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter: alpha(opacity=50)"onMouseUp="this.className= 'ขึ้น'"> <div align=center>เมนูย่อย</div> </td> </tr> <tr> <td class=normal onMouseDown=" this.className='down'" onMouseOver="this.className= 'up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50 )"onMouseUp="this.className='up'"> < div align=center>เมนูย่อย</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high( นี้)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp=" this.className='up'"> <div align=center>เมนูย่อย </div> </td> </tr> </table> </div> </div> </body> </html>
