dede織夢文章列表怎麼隔行換色-DEDECMS-PHP中文網

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

藏色散人

發布： 2019-12-28 09:10:10

原創

2263 人瀏覽過

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中文網其他相關文章！