ListView的交替色实现

来源：互联网发布：沃尔玛采购数据流程图编辑：程序博客网时间：2024/05/21 09:38

在asp.net中ListView的交替背景颜色实现

GridView的处理得较多，ListView可以这样实现，

只一行代码：

<tr style="<%# (Container.DisplayIndex%2==0)?"background-color:white;":"background-color:#EEEEEE;" %>">

另外还有直接用js处理整个页面中所有tr的交替色：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效|Linkweb.cn/Js|---全选并改变TR颜色</title><mce:script language="JavaScript" type="text/javascript" for="checkbox" event="onclick"></mce:script><mce:script language="JavaScript" type="text/javascript"></mce:script></head><body><form id="form1" name="form1" method="post" action=""><table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#888888"><tr><td><input name="selectall" type="checkbox" value="全选" onclick="selall(this)" /></td></tr><tr><td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr style="background-color:#eee;" mce_style="background-color:#eee;"><td width="6%"><input type="checkbox" name="checkbox" /></td><td width="94%">***********************</td></tr><tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr style="background-color:#eee" mce_style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr style="background-color:#eee" mce_style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr style="background-color:#eee" mce_style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr><tr style="background-color:#eee" mce_style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr></table></td></tr></table></form></body></html>

或

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>表格行tr颜色交替</title><mce:style></mce:style><style mce_bogus="1">#ab{border-collapse:collapse;width:800px;margin:10px auto;}#ab td{border:1px solid #ccc;border-top:none;padding:4px;text-align:center;}.tr1{background-color:#eee;color:red;}.tr2 {background-color:#ccc;color:blue;}</style><mce:script type="text/javascript"></mce:script></head><body onload="colortd(ab)"><table id="ab"><tr><td>hang------------1</td></tr><tr><td>hang------------2</td></tr><tr><td>hang------------3</td></tr><tr><td>hang------------4</td></tr></table></body></html>

http://four-corner.appspot.com/