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

CSS样式表
字符不会撑大表格的常见css样式
表格高级使用技巧_把表格进行到底(必看)
网页中Span和Div的区别
在IE与FF中如何居中的css写法
javascript横排竖排标准选项卡效果代码
解决ie动态修改link样式,import css不刷新的问题
css不用图片美化按钮
网页打开新窗口target=_blank不符合标准
Javascript的匿名函数讲解
Firefox2中输入框丢失光标bug的解决方法
Firefox返回时Iframe的显示Bug的解决方法
使网页成黑白色调的滤镜
CSS学习笔记Padding 属性中参数的定义与使用
无限级CSS树形菜单 Ver2.0
css多行多列的新闻模式
Internet Explorer 8 beta 中文版与IE7共存的解决方法
CSS对Web页面载入效率的影响分析总结
巧妙地使用CSS选择器
去除链接元素的虚线框 兼容IE7、IE6、FF
DIV border边框显示不完全问题的解决方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 140 ::
收藏到网摘: 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>