dede織夢(mèng)文章列表怎么隔行換色

dede織夢(mèng)文章列表怎么隔行換色

dede織夢(mèng)文章列表怎么隔行換色?

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

推薦學(xué)習(xí):織夢(mèng)cms

示例代碼如下:

{dede:arclist?row='12'?titlelen='33'?typeid='1'?orderby?='pubdate'} [field:global?runphp='yes'?name=autoindex] $adminbuy.cn_a="
  • “;? $adminbuy.cn_b=”
  • “; if?((@me%2)==0)?@me=$’adminbuy.cn_a;? else?@me=$’adminbuy.cn_b; [/field:global] [field:title/]
  • {/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'} 
  • [field:title/]
  • {/dede:arclist}

    不能被2整除的時(shí)候?yàn)榧伲敵?’adminbuy.cn_b,此時(shí)的代碼為:

    {dede:arclist?row='12'?titlelen='33'?typeid='1'?orderby?='pubdate'} 
  • [field:title/]
  • {/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'} 
  • [field:title/]
  • [field:global?runphp=’yes’?name=autoindex] if(@me%2==0)@me=”


    “; else?@me=””; [/field:global] {/dede:arclist}

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

    ? 版權(quán)聲明
    THE END
    喜歡就支持一下吧
    點(diǎn)贊8 分享