<style> . tds { background-Color:silver; width:100; height:20; text-align:center; border:1px solid gray; font-size:14; filter:alpha(opacity=45); -moz-opacity:45%; } </style>

<script language="javascript"> nOpac = 50 nPlus = 2 nMin = 1 speed = 30 timer = null; timer2 = null; var ie5=(document.all && document.getElementById); var ns6=(!document.all && document.getElementById); function fadeImg2(teller) { apl[teller][1] = "Up"; changes(); } function fadeImgend2(teller) { apl[teller][1] = "Down"; setTimeout("changes()",50); } function changes() { next_loop = true; for (i=0;i<apl.length;i++) { obj = link_table.rows[i].cells[0]; opacity = apl[i][0] if (apl[i][1] == "Up") { opacity += nPlus; apl[i][0] = opacity; if (apl[i][0] > 105) {apl[i][1] = "";} else {next_loop = false;} nOpac = opacity; } else { if (apl[i][1] == "Down") { opacity -= nMin; apl[i][0] = opacity; if (apl[i][0] < 45) {apl[i][1] = "";} else {next_loop = false;} nOpac = opacity; } } if(ie5){ obj.style.filter="alpha(opacity="+opacity+")"; } if(ns6){ obj.style.MozOpacity = opacity + '%'; } } if (next_loop == false) { timer = setTimeout("changes()",speed); } else { clearTimeout(timer); } } //for each link option you need to make a new Array; var apl = new Array(); apl[0] = new Array(45,""); apl[1] = new Array(45,""); apl[2] = new Array(45,""); apl[3] = new Array(45,""); apl[4] = new Array(45,""); apl[5] = new Array(45,""); //expl: apl[6] = new Array(45,""); </script> <table style="border: 1px groove blue" cellspacing=0 cellpadding=0 height="91" width="125"> <tr><td align=center bgcolor=#CCFFFF height="1" width="142"> <font face="MS Sans Serif" size="2" color="#FF0000"><b>MENU</b></font> </td></tr> <tr><td align=center border=2 height="92" width="140"> <table cellpadding=0 cellspacing=0 name=link_table id=link_table width="136"> <tr> <td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="background-color: silver; text-align: center; border: 1px solid gray" width="134"><font face="MS Sans Serif" size="1"><a href="http://www.codetukyang.com">หน้าหลัก</a></font></td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="background-color: silver; text-align: center; border: 1px solid gray" width="134"><font face="MS Sans Serif" size="1"><a href="http://www.thaiwebcreator.com">thaiwebcreator.com</a></font></td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="background-color: silver; text-align: center; border: 1px solid gray" width="134"><font face="MS Sans Serif" size="1"><a href="http://www.zarataweb.com">ZARATAWEB</a></font></td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="background-color: silver; text-align: center; border: 1px solid gray" width="134"><font face="MS Sans Serif" size="1"><a href="http://www.hotmail.com">HOTMAIL</a></font></td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="background-color: silver; text-align: center; border: 1px solid gray" width="134"><font face="MS Sans Serif" size="1"><a href="http://www.gazib.com">GAZIB</a></font></td> </tr> <tr> <td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="background-color: silver; text-align: center; border: 1px solid gray" width="134"><font face="MS Sans Serif" size="1"><a href="http://www.nongkhaiweb.com">NONGKHAIWEB</a></font></td> </tr> </table> </td></tr></table>