ASP+CSS 實作清單隔行換色_CSS/HTML-css教學-PHP中文網

首頁

web前端

css教學

ASP+CSS 實作清單隔行換色_CSS/HTML

May 16, 2016 pm 12:12 PM

列表隔行換色是指在新聞和文章列表中，前一行和後一行的背景色交替顯示，也可稱為斑馬線，給網頁可增色不少。今看到小毅在BI的貼子「標準下隔行換色的思考」，採用UL的兩行背景重複，雖說方法不錯，但LI裡的高度只能採用背景中的實際高度，不夠靈活，所以用ASP+CSS 寫了一個，採用自訂清單。

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

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn