อ้อ เพิ่งสังเกต
ลองดูโค้ดเหล่านี้ประกอบ ก็น่าจะเก็ทนะครับ
//ส่วนแรก อยู่ใน 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>
เทคนิคเข็มขัดสั้นนะเนี่ย
พัฒนาเว็บไซต์
