織夢(mèng)網(wǎng)站文章列表隔行換色的方法

來(lái)源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊：次

織夢(mèng)dedecms網(wǎng)站文章列表隔行換色的方法。示例代碼如下：

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}

[field:global runphp='yes' name=autoindex]

$xiuzhanwang.com_a="<li class='xiuzhanwang.com_c'>";

$xiuzhanwang.com_b="<li class=''xiuzhanwang.com_d'>";

if ((@me%2)==0) @me=$'xiuzhanwang.com_a;

else @me=$'xiuzhanwang.com_b;

[/field:global]

<a href='[field:arcurl/]'>[field:title/]</a>

</li>

{/dede:arclist}

通過(guò)上邊示例可以看出：

此代碼使用了autoindex自增，自增的數(shù)字與2進(jìn)行取模，當(dāng)自增數(shù)字%2==0也就是說(shuō)自增數(shù)字能被2整除的時(shí)候?yàn)檎孑敵?'xiuzhanwang.com_a，此時(shí)的代碼為：

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}

<li class=''xiuzhanwang.com_c'><a href='[field:arcurl/]'>[field:title/]</a></li>

{/dede:arclist}

不能被2整除的時(shí)候?yàn)榧?，輸?'xiuzhanwang.com_b，此時(shí)的代碼為：

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}

<li class=''xiuzhanwang.com_d'><a href='[field:arcurl/]'>[field:title/]</a></li>

{/dede:arclist}

通過(guò)輸出li標(biāo)簽里不同的class樣式（在css里需定義好moke8.com_c，moke8.com_d兩種樣式）就可以實(shí)現(xiàn)隔行換色了。

通過(guò)對(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}

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

欄目：dedecms

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

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