页面导航：首页 → 网络编程 → CSS/HTML → 正文内容

ASP+CSS 实现列表隔行换色

发布：dxy 字体：[增加减小] 类型：转载

列表隔行换色是指在新闻和文章列表中，前一行和后一行的背景色交替显示，也可称为斑马线，给网页可增色不少。今看到小毅在BI的贴子“标准下隔行换色的思考”，采用UL的两行背景重复，虽说方法不错，但LI里的高度只能采用背景中的实际高度，不够灵活，所以用ASP+CSS 写了一个，采用自定义列表。

<%
set rs=......
sql="......"
rs.open sql,con,1,1
%>
<dl>
<% 
i=0
do while not (rs.eof or err)%>
<dt><a href="http://www.forest53.com/tutorials_show.asp?
sortid=<%=rs("sortid")%>&id=<%=rs("id")%>"><%=rs("biaoti")%>
</a></dt>
<% if i mod 2 = 0 then%>
<dd>
<% else %>
<dd class="two"> 
<% end if %>
<%=rs("zhaiyao")%>
</dd>
<%
i=i+1
rs.moveNext
loop
%>
</dl>