首頁 > 文章 > CMS教程 > dede織夢文章列表怎麼隔行換色

dede織夢文章列表怎麼隔行換色

藏色散人原創: 2019-12-28 09:10:102195瀏覽

dede織夢文章清單怎麼隔行換色?

下面給大家分享一段程式碼能讓織夢文章清單背景實現隔行換色效果：具體程式碼如下，大家可以依照自己的需求進行修改：

推薦學習：織夢cms

範例程式碼如下：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
[field:global runphp=&#39;yes&#39; name=autoindex]
$adminbuy.cn_a="<li class=&#39;adminbuy.cn_c&#39;>"; 
$adminbuy.cn_b="<li class=&#39;&#39;adminbuy.cn_d&#39;>";
if ((@me%2)==0) @me=$&#39;adminbuy.cn_a; 
else @me=$&#39;adminbuy.cn_b;
[/field:global]
<a href=&#39;[field:arcurl/]&#39;>[field:title/]</a>
</li>
{/dede:arclist}

透過上邊範例可以看出：

此程式碼使用了autoindex自增，自增的數字與2進行取模，當自增數字%2==0也就是說自增數字能被2整除的時候為真輸出$'adminbuy.cn_a，此時的代碼為：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_c&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

不能被2整除的時候為假，輸出$'adminbuy.cn_b，此時的程式碼為：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_d&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

透過輸出li標籤裡不同的class樣式（在css裡要定義好2l3.net_c，2l3.net.com_d兩種樣式）就可以實現隔行換色了。

透過對這段程式碼的分析我們還可以將思路擴展下，是不是可以實現每隔兩行加一條下劃線呢？

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
[field:global runphp=&#39;yes&#39; name=autoindex]
if(@me%2==0)@me="<hr />";
else @me="";
[/field:global]
{/dede:arclist}

通過測試，以上確實可以實現每隔2行加上一條底線。

以上是dede織夢文章列表怎麼隔行換色的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

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

上一篇：織夢dedecms實現字母索引搜尋功能下一篇：織夢dedecms實現字母索引搜尋功能

看更多