资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

dede织梦文章列表隔行换色的方法

dede织梦文章列表隔行换色的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

网站的建设成都创新互联专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为加固等企业提供专业服务。

dede织梦文章列表怎么隔行换色?

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

推荐学习:织梦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自增,自增的数字与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=aut

    感谢各位的阅读!看完上述内容,你们对dede织梦文章列表隔行换色的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。


    名称栏目:dede织梦文章列表隔行换色的方法
    分享地址:http://cdkjz.cn/article/giggos.html
    多年建站经验

    多一份参考,总有益处

    联系快上网,免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈,可以通过以下方式与我们联系

    大客户专线   成都:13518219792   座机:028-86922220