javascript hareketli menu

<div id="point1" STYLE="position: absolute; visibility: visible; left: -3; top: 21; width: 780; height: 174"> <!---ข้างล่างนี้เป็นโค็ดของตารางธรรมดาครับ--> <table width="146" border="1" bordercolor="#FF0000" cellspacing="0" cellpadding="4" height="130"> <tr> <td align=center bgcolor="#00FF00" width="134" height="14"> <font face="MS Sans Serif" size="1" color="#FF0000"><b>MENU</b></font> </td> </tr> <tr> <td align=center width="134" height="1" bgcolor="#000000"> <a href="#" _fcksavedurl="#" target="_blank"><font face="MS Sans Serif" size="1">SAYFA ADI</font></a> </td> </tr> <tr> <td align=center width="134" height="14" bgcolor="#000000"> <a href="#" _fcksavedurl="#" target="_blank"><font face="MS Sans Serif" size="1">SAYFA ADI</font></a> </td> </tr> <tr> <td align=center width="134" height="14" bgcolor="#000000"> <a href="#" _fcksavedurl="#" target="_blank"><font face="MS Sans Serif" size="1">SAYFA ADI</font></a> </td> </tr> <tr> <td align=center width="134" height="14" bgcolor="#000000"> <a href="#" _fcksavedurl="#" target="_blank"><font face="MS Sans Serif" size="1">SAYFA ADI</font></a> </td> </tr> <tr> <td align=center width="134" height="14" bgcolor="#000000"> <a href="#" _fcksavedurl="#" target="_blank"><font face="MS Sans Serif" size="1">SAYFA ADI</font></a> </td> </tr> </table> </div> <script LANGUAGE="JavaScript"> var XX=0; // ตำแหน่งให้แสดง MENU จากด้านขวา var xstep=1; var delay_time=30; //ข้างล่างนี้ห้ามแก้ไขครับ var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie||ns4||ns6) window.onload=onad </script>