ภาษาไทย
<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!--เพื่อให้เอฟเฟกต์นี้สมบูรณ์ จำเป็นต้องมีสองขั้นตอน ขั้นตอนแรก : เพิ่มโค้ดต่อไปนี้ลงในพื้นที่ <body> --> <style> body,td,a {font-size:9pt;color:black} .none{border:black 1px solid;พื้นหลัง:D9D9D9;padding- ด้านบน: 2} .over {border:black 1px solid;พื้นหลัง:707888;color:white;padding-top:2} </style> <div style="position:absolute; left: 100; top: 20; width: 1; ความสูง: 1; เคอร์เซอร์: มือ" ID=เครื่องบิน onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup= "down=false"> <div align=center style="position:absolute; left:220px; top:3px; width:100px; height:19px; z-index:1;color:white;พื้นหลัง:707888; เคอร์เซอร์: move"onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()' class="none">เมนูแบบลากได้</div> <div align=center id="item11" style="position: Absolute ; ซ้าย:120px; ด้านบน:25px; ความกว้าง:99px; ความสูง:19px; ตัวกรอง:alpha(opacity=0)" onmouseover="this.className='over';stopTimerline()" this.className='none';runTimerline()" class="none" >รายการเมนูที่หนึ่ง</div> <div align=center id="item12" style="position:absolute; top:47px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)" class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className=' ไม่มี ';runTimerline()">รายการเมนูที่สอง</div> <div align=center id="item13" style="position:absolute; left:120px; top:69px; :4; filter:alpha(opacity=0)" class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className='none';runTimerline()">รายการเมนูที่สาม < /div> <div align=center id="item14" style="position:absolute; left:320px; top:91px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0 ) " class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className='none';runTimerline()">รายการเมนูที่สี่</div> <div align=center id= " item15" style="position:absolute; left:120px; top:113px; width:99px; z-index:6; ตัวกรอง:อัลฟา(ความทึบ=0)" class=none onmouseover = 'over';stopTimerline()" onmouseout="this.className='none';runTimerline()">รายการเมนูที่ห้า</div> </div><script> //เมนูภาพเคลื่อนไหว var currTimerlinePoint=0 var TotalTimerlineFrames= 2 var timerlineTimer var leftLine = 50 var timerIn var timerOut var timerlineArray = new Array() timerlineArray[0]='' timerlineArray[1]='menuItemOut()' ฟังก์ชัน runTimerline() { window.timerlineTimer = setTimeout('menuItemOut() ' ,500) } ฟังก์ชั่น stopTimerline() { clearTimeout(window.timerlineTimer) } ฟังก์ชั่น menuItemIn() { if( leftLine != 150) { item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20 item12 style.pixelLeft -= 20; item12.filters.alpha.opacity += 20 item13.style.pixelLeft += 20; item13.filters.alpha.opacity += 20 item14.style.pixelLeft -= 20; .opacity += 20 item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20 leftLine += 20 } else { clearTimeout(window.timerIn) return false } timerIn=window.setTimeout('menuItemIn( ) ',1) } ฟังก์ชั่น menuItemOut() { clearTimeout(window.timerIn) if (leftLine != 50) { item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20 item12.style.pixelLeft + = 20; item12.filters.alpha.opacity -= 20 item13.style.pixelLeft -= 20; item13.filters.alpha.opacity -= 20 item14.style.pixelLeft += 20; item14.filters.alpha.opacity item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20 leftLine -= 20 } else { clearTimeout(window.timerOut) return false; } timerOut=window.setTimeout("menuItemOut()",1 ) } self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // ย้ายเลเยอร์ var over=false,down=false,divleft,divtop;function move(){if(down){plane . style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop}} </script> <!--ขั้นตอนที่ 2: เพิ่ม "onmousemove="move()"" ไปที่ <body >ตัวอย่างใน แท็ก: --> <body onmousemove="move()">
