<script language="JavaScript"> function setPointer(field, action, defaultColor, pointerColor, markColor) { var newColor var currentColor currentColor=field.style.backgroundColor; if (action == 'over' && currentColor.toLowerCase() == defaultColor.toLowerCase()) { newColor=pointerColor; } if (action == 'out' && currentColor.toLowerCase() == pointerColor.toLowerCase()) { newColor=defaultColor; } if (action == 'click' && currentColor.toLowerCase() == defaultColor.toLowerCase()) { newColor=markColor; } if (action == 'click' && currentColor.toLowerCase() == pointerColor.toLowerCase()) { newColor=markColor; } if (action == 'click' && currentColor.toLowerCase() == markColor.toLowerCase()) { newColor=pointerColor; } if (newColor) { field.style.backgroundColor=newColor; } } </script>

<table border="1" width="21%" bordercolor="#000000" cellspacing="0" cellpadding="0"> <tr> <!--- วิธีการตั้งรูปแบบสีให้ทำที่บรรทัดด้านล่างครับ ดังนี้ background: #ccff00 <--- คือส่วนที่ให้คุณตั้งค่าสีของพื้นหลังในตาราง onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"> <--- คือส่วนที่มีไว้ตั้งรูปแบบของสีครับ ในบรรทัดด้านบน ในส่วนของ OnMouseOver และ onMouseOut นั้น ค่าของตัวเลขสีต้องเหมือนกันนะครับ (เรียงตามดังนี้ สีพื้นหลังปกติ / สีพื้นหลังเวลาชี้ MOUSE / สีพื้นหลังเวลาคลิ๊ก ครับ) --> <td width="100%" style="background: #ccff00" onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"><a href="http://www.thaiwebcreator.com" target="_blank"><font face="MS Sans Serif" size="1">thaiwebcreator.com</font></a> </td> </tr> <tr> <td width="100%" style="background: #ccff00" onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"><a href="http://www.gazib.com" target="_blank"><font face="MS Sans Serif" size="1">GAZIB</font></a> </td> </tr> <tr> <td width="100%" style="background: #ccff00" onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"><a href="http://www.nongkhaiweb.com" target="_blank"><font face="MS Sans Serif" size="1">NONGKHAIWEB</font></a> </td> </tr> <tr> <td width="100%" style="background: #ccff00" onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"><a href="http://www.entrance.co.th" target="_blank"><font face="MS Sans Serif" size="1">ENTRANCE</font></a> </td> </tr> <tr> <td width="100%" style="background: #ccff00" onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"><a href="http://www.ssktc.net/kunha" target="_blank"><font face="MS Sans Serif" size="1">สาระน่ารู้ด้านการสื่อสาร</font></a> </td> </tr> <tr> <td width="100%" style="background: #ccff00" onClick="setPointer(this, 'click', '#ccff00', '#99ccff', '#ccffff');" onMouseOver="setPointer(this, 'over', '#ccff00', '#99ccff', '#ccffff');" onMouseOut="setPointer(this, 'out', '#ccff00', '#99ccff', '#ccffff');" align="center"><font face="MS Sans Serif" size="1"><a href="http://www.loguetown.com" target="_blank">LOGUE TOWN</a></font> </td> </tr> </table>