انسخ رمز الكود كما يلي:
<نوع البرنامج النصي = "نص/جافا سكريبت">
var name; // تخزين اسم فئة كائن tr واستعادته عند إبعاد الماوس
function trcolor(){ // عرض الفاصل الزمني لألوان صف الجدول
var tabNode = document.getElementsByTagName("table")[0];
var trNodes = tabNode.rows;
for(var x=1;x<trNodes.length;x++){
إذا (س%2 == 1)
trNodes[x].className = "one";
آخر
trNodes[x].className = "two";
trNodes[x].onmouseover = function(){ //Highlight
name = this.className;
this.className = "over";
}
trNodes[x].onmouseout = function(){ // أضف سمة حدث onmouseout إلى كائن tr
this.className = name;
}
}
}
window.onload = trcolor;
</script>
<نمط النوع = "نص/CSS">
الجدول { العرض: 60٪ الحدود: الصلبة 1 بكسل #0066FF؛}
جدول td {border:solid 1px #0099ff;}
أ{ زخرفة النص: لا شيء؛}
.واحد {لون الخلفية: أحمر؛}
.اثنان {لون الخلفية: أزرق؛}
.over{خلفية اللون: أصفر؛}
</نمط>
</الرأس>
<الجسم>
<الجدول>
<تر>
<td>الاسم</td><td>العمر</td><td>العنوان</td>
</tr>
<تر>
<td>تشانغ سان</td><td>23</td><td>بكين</td>
</tr>
<تر>
<td>李思</td><td>25</td><td>شنغهاي</td>
</tr>
<تر>
<td>王五</td><td>15</td><td>قوانغتشو</td>
</tr>
<تر>
<td>السيد تانغ</td><td>20</td><td>تشانغشا</td>
</tr>
</الجدول>
</الجسم>