第一种: การแสดงออก
代码如下:
<หัว>
.tablestyle{
สีพื้นหลัง:#CCCCCC; เส้นขอบ:#ff0000 ทึบ 2px; ชายแดนยุบ: ยุบ; เคอร์เซอร์:มือ; ความกว้าง:100%;
-
.tablestyle td{ เส้นขอบ:#ff0000 ทึบ 2px; เส้นขอบยุบ: ยุบ;}
.tablestyle tr{
onmouseover:การแสดงออก(onmouseover=ฟังก์ชั่น()
-
this.style.color='สีแดง';
this.style.พื้นหลังสี='สีเหลือง'
-
onmouseout: การแสดงออก (onmouseout = ฟังก์ชั่น ()
{
นี้.style.col
นี้.style.พื้นหลังสี=''
-
-
}
11111111111 | 22222222222 |
33333333333 | 44444444 |
55555 | 66666666 |
77777777777 | 8888888888 |
第1行 | 第1列 |
第2行 | 第2列 |
ตอนที่ 3 | ตอนที่ 3 |
第4 | ตอนที่ 4 | 第5行 | 第5列 |
ซู
:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4列 | |
第5行 | 第5列 |
เก่ง
มาก เก่งมาก
我不知道)上很正常,就要用第二种方法
(2)用JS
鼠标滑过变色:
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"
}
}
}
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
แก้ไข:
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";
}
}
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4 行 | 第4 列 |
第5 | 第5列 |