<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function senfe(o,a,b,c,d){
var t=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++){
t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;
t[i].οnclick=function(){
if(this.x!="1"){
this.x="1";//本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断
this.style.backgroundColor=d;
}else{
this.x="0";
this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
}
}
t[i].οnmοuseοver=function(){
if(this.x!="1")this.style.backgroundColor=c;
}
t[i].οnmοuseοut=function(){
if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
}
}
}
</script>
</HEAD>
<BODY>
<table cellspacing="0" cellpadding="0" border="0" id="tc">
<tbody>
<tr style="background-color: rgb(255, 255, 255);"><td> </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(204, 204, 204);"><td>a </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(255, 255, 255);"><td>aa </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(204, 204, 204);"><td>aa </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(255, 255, 255);"><td>aa </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(204, 204, 204);"><td>a </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(255, 255, 255);"><td> aa</td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(204, 204, 204);"><td> </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(255, 255, 255);"><td> </td><td> </td><td> </td><td> </td></tr>
<tr style="background-color: rgb(204, 204, 204);"><td> </td><td> </td><td> </td><td> </td></tr>
</tbody></table>
</BODY>
<script>
senfe('tc','#FFFFFF','#CCCCCC','#cfc','#FFCC99');
</script>
</HTML>
js 改变table 隔行变色
最新推荐文章于 2023-11-19 11:09:06 发布