dede織夢文章列表隔行換色的方法

dede織夢文章列表隔行換色的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

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

下面給大家分享一段代碼能讓織夢文章列表背景實現隔行換色效果：具體代碼如下，大家可以根據自己的需要進行修改：

推薦學習：織夢cms

示例代碼如下：

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

通過上邊示例可以看出：

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

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

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

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

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

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

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
[field:global runphp='yes' name=aut

感謝各位的閱讀！看完上述內容，你們對dede織夢文章列表隔行換色的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。