ASP+CSS 实现列表隔行换色_CSS/HTML

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ASP+CSS
css3实现列表上下滑动、div css实现table列表、css列表实现图文混排、div css实现新闻列表、css实现树形列表,以便于您获取更多的相关知识。

时间: 2024-08-01 07:34:21

ASP+CSS 实现列表隔行换色_CSS/HTML的相关文章

JS+CSS实现Li列表隔行换色效果的方法

 这篇文章主要介绍了JS+CSS实现Li列表隔行换色效果的方法,实例分析了js操作li节点的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

JS+CSS实现Li列表隔行换色效果的方法_javascript技巧

本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

Dreamweaver表格以及列表隔行换色的js效果代码

Dreamweaver表格以及列表隔行换色的js效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

dedecms实现文章列表隔行换色和随机颜色的方法

标签说明: arclist 标签下使用 [field:global.autoindex/] 默认从1开始 channel 标签下使用 [field:global.autoindex/] 默认从0开始 channelartlist 标签下使用 {dede:global.itemindex/} 默认从1开始 arclist 从0开始[field:global name=autoindex runphp="yes"]@me=@me-1;[/field:global] channel 从1开始

Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例_jquery

[javascript] 复制代码 代码如下: $(function () {     gridview("GridView1"); }); //gridview function gridview(objgridview) {     //get obj id     var gridviewId = "#" + objgridview;     //even     $(gridviewId + ">tbody tr:even").ad

asp.net 水晶报表隔行换色实现方法_实用技巧

在报表中右键 -> Insert -> Sections,找到要设置背景色的区域,我这里是Details区域.在右边选项卡中选择Color,勾上背景色选项,设置好默认颜色.点击表达式按钮,输入以下代码. 复制代码 代码如下: if recordnumber mod 2=0 then Color (220, 225, 214) else crWhite 上面的代码需要说明的是Color()函数,这是水晶报表提供的设置自定义颜色函数,里面三个参数分别对应R.G.B三种基础颜色,通常我们必须把在CS

2种方法实现CSS LI隔行换色

  CSS隔行变色使用率挺高的,今天抽空写了这篇简短的教程,教给CSS不顺手的初级学者两种方法实现CSS的隔行换色功能.大家知道,隔行换色的对象一般是TABle或Li,Table就不说了,个人觉得已经过时了,主要来说下CSS Li的隔行换色,直接放代码吧. 第一种方法: 这种方法看上去是纯CSS,不过这里使用了expression,等同于半个JavaScript,这种方法简单,不过CSS的expression貌似存在一些兼容性问题,所以这个功能仅用于看重IE的用户. 第二种方法:CSS和JS结合

纯CSS隔行换色

原文:纯CSS隔行换色 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css3隔行变换色---www.jbxue.com</title> <style type="text/css"> #list1 li:nth-of-type(odd){ background:#0

标准下隔行换色的思考

标准 我们以前在DW中用表格布局着我们的网页的时候常常用到一种设计手法--隔行换色.也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读.所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀.但是随着网页标准浪潮的来袭,这种设计效果慢慢变得没有了,原因主要是来自于标准化后的这种效果的实现上. 由于标准后我们都用UL来代替了表格,代码虽然少了很多,但是好像效果也随之少了.隔行换色也遇到了瓶颈.我采用过CLASS方式来进行隔行换色: <ul>  <li class