第一种: การแสดงออก
代码如下:
<html>
<หัว>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.tablestyle{
สีพื้นหลัง:#CCCCCC; เส้นขอบ:#ff0000 ทึบ 2px; ชายแดนยุบ: ยุบ; เคอร์เซอร์:มือ; ความกว้าง:100%;
-
.tablestyle td{ เส้นขอบ:#ff0000 ทึบ 2px; เส้นขอบยุบ: ยุบ;}
.tablestyle tr{
onmouseover:การแสดงออก(onmouseover=ฟังก์ชั่น()
-
this.style.color='สีแดง';
this.style.พื้นหลังสี='สีเหลือง'
-
onmouseout: การแสดงออก (onmouseout = ฟังก์ชั่น ()
{
นี้.style.col
นี้.style.พื้นหลังสี=''
-
-
}
</style>
<title>无标题文档</title>
</head>
<body>
<table class="tablestyle" width="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>11111111111</td>
<td>22222222222</td>
</tr>
<tr>
<td>33333333333</td>
<td>44444444</td>
</tr>
<tr>
<td>55555</td>
<td>66666666</td>
</tr>
<tr>
<td>77777777777</td>
<td>8888888888</td>
</tr>
</ตาราง>
</ร่างกาย>
</html> ー
ー
ーーーーーーーー ー ー ー ー ー ー ー ー ー ー ー ー ー 简 单 的 隔行变 色：
<style type="text/css">
<!- -
tr {สีพื้นหลัง:expression((this.sectionRowIndex%2==0)?"#E1F1F1:#F0F0F0")}
-->
</style>
<table>
<tr><td>第1行</td><td>第1列</td></tr>
<tr><td>第2行</td><td>第2列</td></tr>
<tr><td >ตอนที่ 3 </td><td>ตอนที่ 3 </td></tr>
<tr><td>第4 </td><td>ตอนที่ 4</td></tr>
< tr><td>第5行</td><td>第5列</td>
</tr>
</table>
บิงซู
：
<style type="text/css">
<!--
tr {พื้นหลัง-สี:expression((this.sectionRowIndex%2==0)? "red": "สีน้ำเงิน")}
td {พื้นหลัง-สี: expression ((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green: " สีเหลือง"))}
-->
</style>
<table>
<tr><td>第1行</td><td>第1列</td></tr>
<tr><td>第2行</td><td>第2列</td></tr>
<tr><td>第3行</td><td>第3列</td></tr>
<tr>< td>第4行</td><td>第4列</td></tr>
<tr><td>第5行</td><td>第5列</td></tr>
</table>
เก่ง
มาก เก่งมาก
</table>我不知道）上很正常，就要用第二种方法
（2）用JS
鼠标滑过变色：
<script ภาษา = "จาวาสคริปต์" >
window.onload=function showtable(){
var tablename=document.getElementById("mytable");
var li=tablename.getElementsByTagName("tr");
สำหรับ (var i=0;i<=li.length;i++){
li[i].style.พื้นหลังColor="#FFB584";
li[i].onmouseover=function(){
this.style.พื้นหลังColor="#FFFFFF";
}
li[i].onmouseout=function(){
this.style.พื้นหลังColor="#FFB584"
}
}
}
</script>
<table id="mytable">
<tr><td>第1行</td> <td>第1列</td></tr>
<tr><td>第2行</td><td>第2列</td></tr>
<tr><td>第3行</td><td>第3列</td></tr>
<tr><td>第4行</td><td>第4列</td></tr>
<tr><td >第5行</td><td>第5列</td>
</tr>
</table>
แก้ไข:
<script language="javascript">
window.onload=function showtable(){
var tablename=document.getElementById("mytable");
var li=tablename.getElementsByTagName("tr");
สำหรับ (var i=0;i<=li.length;i++){
if (i%2==0){
li[i].style.abstractColor="#FFB584";
} อื่น li[i].style.พื้นหลังColor="#FFFFFF";
}
}
</script>
<table id="mytable">
<tr><td>第1行</td><td>第1列</td></tr>
<tr><td>第2行</td><td>第2列</td></tr>
<tr><td>第3行</td><td>第3列</td></tr>
<tr><td >第4 行</td><td>第4 列</td></tr>
<tr><td>第5 </td><td>第5列</td></tr>
< /table>
เก่งมาก เก่ง
มาก
假如遇到某人的firefox装了NoScript的话……可以无视了