Hareketli Menü

3586;้างล่างนี้เป็นโค็ดของตารางธรรมดาครับ-->
<table width="146" border="1" bordercolor="#BBBBBB" 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="#CCFFFF">
<a href="http://www.codetukyang.com" target="_blank"><font face="MS Sans Serif" size="1">CodeTukYang</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.zarataweb.com" target="_blank"><font face="MS Sans Serif" size="1">ZARATAWEB.COM</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.thaiwebcreator.com" target="_blank"><font face="MS Sans Serif" size="1">thaiwebcreator.com</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.gazib.com" target="_blank"><font face="MS Sans Serif" size="1">GAZIB.COM</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.nongkhaiweb.com" target="_blank"><font face="MS Sans Serif" size="1">NONGKHAIWEB.COM</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>