織夢清單怎麼實現'隔行換色”-DEDECMS-PHP中文網

織夢清單怎麼實現'隔行換色”

angryTom

發布： 2019-11-09 14:23:27

原創

1943 人瀏覽過

織夢清單怎麼實現＂隔行換色＂

在做企業站或門戶站時候，經常需要實作文章列表隔行換色這樣的效果，方法很簡單下面來看看實現的方法吧。

範例程式碼如下：

{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兩種樣式）就可以實現隔行換色了。

推薦教學：dedecms教學

以上是織夢清單怎麼實現'隔行換色”的詳細內容。更多資訊請關注PHP中文網其他相關文章！