这篇文章主要介绍了dede织梦文章列表隔行换色的方法的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

下面给大家分享一段代码能让织梦文章列表背景实现隔行换色效果：具体代码如下，大家可以根据自己的需要进行修改：

示例代码如下：

{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两种样式）就可以实现隔行换色了。

    通过对这段代码的分析我们还可以将思路扩展下，是不是可以实现每隔两行加一条下划线呢？

    {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}

    通过测试，以上确实可以实现每隔2行加一条下划线。

    以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持5186建站网。

    声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。