62,272
社区成员
发帖
与我相关
我的任务
分享
//jquery 奇偶行
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
body{margin:0px;padding:0px;text-align:center;}
td{border:1px solid #ccc;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("table tr:even").css("background","red");
$("table tr:odd").css("background","yellow");
})
</script>
<table style="border:1px solid #ccc;" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
int i = -1, j = 1;
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
if (e.Item.ItemType != ListItemType.Header & e.Item.ItemType != ListItemType.Footer)
{
i++;
if (i % DataList1.RepeatColumns == 0)//控制一行的数量
{
j++;
i = 0;
}
if (j % 2==0)//控制奇尔数
{
e.Item.BackColor = System.Drawing.Color.Red;
}
}
}