織夢列表怎么實現“隔行換色”

織夢列表怎么實現“隔行換色”

織夢列表怎么實現"隔行換色"

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

示例代碼如下:

{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自增,自增的數字與2進行取模,當自增數字%2==0也就是說自增數字能被2整除的時候為真輸出$’adminbuy.cn_a,此時的代碼為:

    {dede:arclist?row='12'?titlelen='33'?typeid='1'?orderby?='pubdate'} 
  • [field:title/]
  • {/dede:arclist}

    不能被2整除的時候為假,輸出$’adminbuy.cn_b,此時的代碼為:

    {dede:arclist?row='12'?titlelen='33'?typeid='1'?orderby?='pubdate'} 
  • [field:title/]
  • {/dede:arclist}

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

    推薦教程:dedecms教程

    ? 版權聲明
    THE END
    喜歡就支持一下吧
    點贊7 分享