table行间隔交换颜色显示方法

最新推荐文章于 2022-11-04 16:26:16 发布

oldwolf1987

最新推荐文章于 2022-11-04 16:26:16 发布

阅读量2k

点赞数

分类专栏： CSS+DIV 文章标签： table behavior border function url class

CSS+DIV 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一个例子：

<html> <head> <mce:style></mce:style><style mce_bogus="1"> .table1 { behavior:url(table.htc); }</style> </head> <body> <table class="table1" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" mce_style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> <tr οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> <td width="25%">　</td> </tr> </table> </body> </html>

需要引入的*.htc文件

<PUBLIC:COMPONENT>
<public:attach event="oncontentready" onevent="Init()" />
<SCRIPT language="JScript">

function Init()
{
           for(i=0;i<element.rows.length;i++){
                       if(i%2==0)
                                   element.rows(i).style.backgroundColor = "#eeeeee";
                       else
                                   element.rows(i).style.backgroundColor = "#ffffff";
           }

}
</SCRIPT>

</PUBLIC:COMPONENT>