Asp.net repeater implements top 10 images and first line styles

1.
Define the protected variable I = 0 in the background;
2.
Foreground aspx
<Asp: repeater id = "repnewshot" runat = "server">
<Headertemplate>
<Table width = "100%" border = "0" cellpadding = "0" cellspacing = "0" class = "margin_bb">
<Tr>
<TD class = "biaoti">
Hot Topics
</TD>
</Tr>
</Headertemplate>
<Itemtemplate>
<Tr>
<TD class = '<% = (I ++) <3? "Cssstyle1": "cssstyle2" %> 'height = "20px">
<A Title = '<% # databinder. eval (container. dataitem, "newstitle") %> 'href = '/news/shownewsdetails-<% # databinder. eval (container. dataitem, "newsclassid") %>-<% # databinder. eval (container. dataitem, "newsclassxid") %>-<% # urlencode (databinder. eval (container. dataitem, "newsid "). tostring () %>. HTML '>
. gif' align = "absmiddle"/>
<% # Left (databinder. eval (container. dataitem, "newstitle"). tostring (), 15) %>
</A>
</TD>
</Tr>
</Itemtemplate>
<Footertemplate>
</Table>
</Footertemplate>
</ASP: repeater>
3.
Name of the image left1.gif.....left10.gif

That's all, it is very easy!