<SCRIPT>//定义table的样式, cellSpacing,cellPadding.
//用obj.rows.length得出该表格的行数.
//实现奇数列时样式为tdcss1,偶数列为tbcss2.function cooltable(obj) {
obj.bgColor="#DDDDDD";
obj.cellSpacing=1;
obj.cellPadding=5;
for (i=0;i<obj.rows.length;i++) {
if(i%2==0) obj.rows(i).className = "tdcss1"
else obj.rows(i).className = "tdcss2";
}
}
</SCRIPT><!--定义样式--><STYLE>
* {font-size: 10.5pt}
.tdcss1 { BACKGROUND-COLOR: #F5F5F5; }
.tdcss2 { BACKGROUND-COLOR: #FFFfFF; }
.mytbcss {
baobao:expression(cooltable(this));
}
</STYLE> <BODY> <!--定义定义表格样式mytbcss就可以得到一个双色相间表格,再也不用一行一行地定义了.--><TABLE width=300 border=0 class=mytbcss>
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
</TABLE>
</BODY>
//用obj.rows.length得出该表格的行数.
//实现奇数列时样式为tdcss1,偶数列为tbcss2.function cooltable(obj) {
obj.bgColor="#DDDDDD";
obj.cellSpacing=1;
obj.cellPadding=5;
for (i=0;i<obj.rows.length;i++) {
if(i%2==0) obj.rows(i).className = "tdcss1"
else obj.rows(i).className = "tdcss2";
}
}
</SCRIPT><!--定义样式--><STYLE>
* {font-size: 10.5pt}
.tdcss1 { BACKGROUND-COLOR: #F5F5F5; }
.tdcss2 { BACKGROUND-COLOR: #FFFfFF; }
.mytbcss {
baobao:expression(cooltable(this));
}
</STYLE> <BODY> <!--定义定义表格样式mytbcss就可以得到一个双色相间表格,再也不用一行一行地定义了.--><TABLE width=300 border=0 class=mytbcss>
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss2-->
<TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR> <!--定义样式tdcss1-->
</TABLE>
</BODY>
<!--
function window.onload()
{
for(var i=0; i<document.all.tags("TABLE").length; i++)
setColor(document.all.tags("TABLE")[i],"#FFFFFF","blue");
}function setColor(tbl,color1,color2)
{
for(var i=0; i<tbl.rows.length; i++)
{
if(i%2==0) tbl.rows[i].bgColor = color1;
else tbl.rows[i].bgColor = color2;
}
}
//-->
</script></head><body bgcolor="#DDDDDD">
<table>
<tr><td>白底</td></tr>
<tr><td>蓝底</td></tr>
<tr><td>白底</td></tr>
<tr><td>蓝底</td></tr>
<tr><td>白底</td></tr>
<tr><td>蓝底</td></tr>
<tr><td>白底</td></tr>
<tr><td>蓝底</td></tr>
</table>