|
 |
| |
สอนเขียน CSS แบบนี้หน่อยครับ คือว่าเวลาเอาเมาส์ไปวางไว้ที่แถวแล้วให้เปลี่ยนสีทั้งแถวอ่ะครับ |
| |
 |
|
|
 |
 |
|
ลองดูครับ
อันนี้ ใช้ jQuery
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Marosdee" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<style type="text/css">
<!--
table.test
{
background: #339966;
}
.row1 td
{
background: #CCFFFF;
}
.row2 td
{
background: #CCFFCC;
}
.hover td
{
background: #FFFF99;
}
-->
</style>
<script type="text/javascript">
function changeClass(obj,addThis, removeThis)
{
$(obj).addClass(addThis);
$(obj).removeClass(removeThis);
}
</script>
<title>Untitled 1</title>
</head>
<body>
<table width="500" cellpadding="5" cellspacing="2" class="test">
<tr class="row1" onmouseover="changeClass(this, 'hover', 'row1')" onmouseout="changeClass(this, 'row1', 'hover')">
<td>111</td>
<td>111</td>
</tr>
<tr class="row2" onmouseover="changeClass(this, 'hover', 'row2')" onmouseout="changeClass(this, 'row2', 'hover')">
<td>222</td>
<td>222</td>
</tr>
<tr class="row1" onmouseover="changeClass(this, 'hover', 'row1')" onmouseout="changeClass(this, 'row1', 'hover')">
<td>333</td>
<td>333</td>
</tr>
</table>
</body>
</html>
|
 |
 |
 |
 |
| Date :
2009-12-14 00:01:28 |
By :
danya |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณครับ
แบบของคุณ BeesZa ผมได้ลองทำดูแล้วไม่ได้ก็เลยมาโพส์ถามที่นี้ ที่ไหนได้เรากำหมดผิดที่นี่เองผมเอาไปใส่ในส่วนของ <TD> มันก็เลยขึ้นแค่ช่องนั้นช่องเดียว ที่แท้ต้องใส่ใน <TR> นี้เอง
แบบของเพ่ดุนก็เยี่ยมเลยครับความรู้ใหม่เืรื่องของ jquery ครับ ผมไม่เคยเขียน jquery เลยแหะ อิอิอิ
|
| |
|
|
| |
| Date :
2009-12-14 00:07:31 |
By :
somparn |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เจ๋งเลยครับ ดุนยา 
|
| |
|
|
| |
| Date :
2009-12-14 01:16:37 |
By :
panyapol |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
CSS ง่ายกว่าคับ
|
| |
|
|
| |
| Date :
2009-12-14 09:13:33 |
By :
nottpoo |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
