头闻号

罗春丽

护肤膏霜|香水|面膜|粉底|唇膏|眼影

首页 > 新闻中心 > 科技常识:样式表达式实现交替显示table行颜色
科技常识:样式表达式实现交替显示table行颜色
发布时间:2024-11-17 12:56:26        浏览次数:4        返回列表

今天小编跟大家讲解下有关样式表达式实现交替显示table行颜色 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关样式表达式实现交替显示table行颜色 的相关资料,希望小伙伴们看了有所帮助。

<heand> <mce:style type="text/css"><!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"#CCEBC7")} --></mce:style><style type="text/css"mce_bogus="1">tr {background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"#CCEBC7")}</style> <mce:style type="text/css"><!-- tr.lightrow td { background-color: #FFFFFF; } tr.darkrow td { background-color: #EFEFEF; } --></mce:style><style type="text/css"mce_bogus="1">tr.lightrow td { background-color: #FFFFFF; } tr.darkrow td { background-color: #EFEFEF; }</style> <table id="main_table"> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> <tr> <td width="100">a</td> <td width="100">b</td> </tr> </table> 提示:您可以先修改部分代码再运行

来源:爱蒂网