当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > ASP+CSS 实现列表隔行换色

CSS样式表
HTML中的数据绑定
CSS定义通用透明效果
一段巧妙的css debug代码
布局遇到的问题 非常不错的见解
利用CSS控制SELECT中的OPTION是否不允许选
CSS也能控制表格的交替颜色
CSS之自动换行
IE7 beta2的CSS兼容性
学习Xhtml+CSS2的一些心得体会
网页设计中色彩搭配的内涵
表格边框的css语法
让comment标记在各浏览器都能通用
标准化——表格
IE图片下空隙问题解决方法集合
用DIV+CSS如何实现这种表格效果
相对路径与绝对路径的区别
关于居中布局和IE双倍边距bug
块元素block element和内联元素inline element
CSS做一个超链接的陷下效果
图片翻转菜单技术研究

CSS样式表 中的 ASP+CSS 实现列表隔行换色


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 116 ::
收藏到网摘: n/a

列表隔行换色是指在新闻和文章列表中,前一行和后一行的背景色交替显示,也可称为斑马线,给网页可增色不少。今看到小毅在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>