ThaiSEOBoard.com

http://www.net-com.co.th/2005/th/home/index.php

/*ลิงค์ปกติ*/
a:link { color:#0000FF; text-decoration:none }

/*ลิงค์เข้าชมแล้ว*/
a:visited { color:#0000FF; text-decoration:none }

/*ลิงค์ที่กำลังถูกกด*/
a:active { color:#FF9900; text-decoration:none }

/*ลิงค์ที่เมาส์กำลังอยู่เหนือลิงค์*/
a:hover { color:#FF9900; text-decoration:none }

//ส่วนแรก อยู่ใน head
<link href="../../css/style1.css" rel="stylesheet" type="text/css">
<link href="../../css/style2.css" rel="stylesheet" type="text/css">
<link href="../../css/style3.css" rel="stylesheet" type="text/css">
<link href="../../css/style4.css" rel="stylesheet" type="text/css">
<link href="../../css/style5.css" rel="stylesheet" type="text/css">

//ส่วนสองเป็นจาวาสคริป
function changeSheets(whichSheet){
  whichSheet=whichSheet-1;
  if(document.styleSheets){
	var c = document.styleSheets.length;
	for(var i=1;i<c;i++){
	  if(i!=whichSheet){
		document.styleSheets[i].disabled=true;
	  }else{
		document.styleSheets[i].disabled=false;
	  }
	}
  }
}

//ส่วนสามอยู่ใน body ที่เป็นจุดใช้เปลี่ยนสี
          <td width="22"><a href="?act=setColor&color=1"><img src="../../images/color1.gif" width="14" height="14" border="0" onMouseOver="changeSheets(1)"></a></td>
          <td width="22"><a href="?act=setColor&color=2"><img src="../../images/color2.gif" width="14" height="14" border="0" onMouseOver="changeSheets(2)"></a></td>
          <td width="22"><a href="?act=setColor&color=3"><img src="../../images/color3.gif" width="14" height="14" border="0" onMouseOver="changeSheets(3)"></a></td>
          <td width="22"><a href="?act=setColor&color=4"><img src="../../images/color4.gif" width="14" height="14" border="0" onMouseOver="changeSheets(4)"></a></td>
          <td width="22"><a href="?act=setColor&color=5"><img src="../../images/color5.gif" width="14" height="14" border="0" onMouseOver="changeSheets(5)"></a></td>