首页 > 文章 > CMS教程 > 织梦列表怎么实现“隔行换色”

织梦列表怎么实现“隔行换色”

angryTom原创: 2019-11-09 14:23:271918浏览

织梦列表怎么实现＂隔行换色＂

在做企业站或门户站时候，经常需要实现文章列表隔行换色这样的效果，方法很简单下面来看看实现的方法吧。

示例代码如下：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
[field:global runphp=&#39;yes&#39; name=autoindex]
$adminbuy.cn_a="<li class=&#39;adminbuy.cn_c&#39;>"; 
$adminbuy.cn_b="<li class=&#39;&#39;adminbuy.cn_d&#39;>";
if ((@me%2)==0) @me=$&#39;adminbuy.cn_a; 
else @me=$&#39;adminbuy.cn_b;
[/field:global]
<a href=&#39;[field:arcurl/]&#39;>[field:title/]</a>
</li>
{/dede:arclist}

通过上边示例可以看出：

此代码使用了autoindex自增，自增的数字与2进行取模，当自增数字%2==0也就是说自增数字能被2整除的时候为真输出$'adminbuy.cn_a，此时的代码为：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_c&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

不能被2整除的时候为假，输出$'adminbuy.cn_b，此时的代码为：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_d&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

通过输出li标签里不同的class样式（在css里需定义好2l3.net_c，2l3.net.com_d两种样式）就可以实现隔行换色了。

推荐教程：dedecms教程

以上是织梦列表怎么实现“隔行换色”的详细内容。更多信息请关注PHP中文网其他相关文章！

css .net class li DEDECMS

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：织梦系统怎么实现未审核文档禁止动态浏览下一篇：DedeCMS内容发布

查看更多