datalist样式

<asp:DataList ID="DataList1" runat="server" Height="80px" RepeatColumns="5" RepeatDirection="Horizontal">

<ItemTemplate>

<table border="0" cellpadding="0" cellspacing="0" width="140px">

<tr>

<td align="center" valign="middle">

<table border="1" cellpadding="0" bordercolor="#d3d3d3" cellspacing="0" height="110" width="140px">

<tr>

<td align="center" rowspan="2">

<a href='JiaJu_Main.aspx?id=<%# DataBinder.Eval(Container.DataItem,"id")%>'>

<img alt="商品图片" border="0" height="89" src='<%# DataBinder.Eval(Container.DataItem,"PicPath")%>'

width="126px" />

</a>

</td>

</tr>

<tr>

</tr>

</table>

<br />

<%# DataBinder.Eval(Container.DataItem, "title")%>

</td>

</tr>

</table>

</ItemTemplate>

</asp:DataList>

按这种方式布局 就可以实现啊，向模板是随意布局的

看看我写的javascript版。更换代码第一行的DataList的ID即可

直接放在</html>后面就可使用。经测试可用。(注意在datalist中不能再嵌套table，否则需修改程序.)

<script>

var tr= document.getElementById("DataList1").getElementsByTagName("tr")

//取得DataList生成的html标签table的所有行tr

for(var i=0i<tr.lengthi++)

{

(function(i)

{

var input=tr[i].getElementsByTagName("input")//取得第i行的所有input控件

if(i%2==0)//表示双数行0，2，4，6.....

{

for(var j=0j<5j++)

{

if(input[j].type=="button")//循环取得每一个input，判断是否类型为button

{

input[j].style.backgroundColor="red"//设置背景色

}

}

}

else//表示单数行

{

for(var j=0j<5j++)

{

if(input[j].type=="button")

{

input[j].style.backgroundColor="blue"

}

}

}

}

)(i)

}

</script>

---