dede織夢(mèng)文章列表隔行換色的方法

來源：本站原創(chuàng)|時(shí)間：2020-01-11|欄目：dedecms|點(diǎn)擊：次

下面給大家分享一段代碼能讓織夢(mèng)文章列表背景實(shí)現(xiàn)隔行換色效果：具體代碼如下，大家可以根據(jù)自己的需要進(jìn)行修改：

示例代碼如下：

{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自增，自增的數(shù)字與2進(jìn)行取模，當(dāng)自增數(shù)字%2==0也就是說自增數(shù)字能被2整除的時(shí)候?yàn)檎孑敵?'adminbuy.cn_a，此時(shí)的代碼為：

{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整除的時(shí)候?yàn)榧伲敵?'adminbuy.cn_b，此時(shí)的代碼為：

{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標(biāo)簽里不同的class樣式（在css里需定義好2l3.net_c，2l3.net.com_d兩種樣式）就可以實(shí)現(xiàn)隔行換色了。

通過對(duì)這段代碼的分析我們還可以將思路擴(kuò)展下，是不是可以實(shí)現(xiàn)每隔兩行加一條下劃線呢？

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

通過測(cè)試，以上確實(shí)可以實(shí)現(xiàn)每隔2行加一條下劃線。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持秀站網(wǎng)。

上一篇：詳解DeDeCMS織夢(mèng)手機(jī)版網(wǎng)站首頁如何更新

欄目：dedecms

下一篇：dedecms ERROR: Copy Uploadfile Error!上傳圖片失敗解決方法

本文標(biāo)題：dede織夢(mèng)文章列表隔行換色的方法

本文地址：http://www.jygsgssxh.com/a1/dedecms/12238.html

更多dedecms

雷火电竞-中国电竞赛事及体育赛事平台

dedecms

dede織夢(mèng)文章列表隔行換色的方法

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀