建造DedeCMS模版怎样实现列表隔行换配景致_dedecms教程_php教程

在做织梦DedeCMS模版计划时文章列表页很不轻易做出彩，这时辰我们就筹备做些改变，在列表节拍上整点“幺蛾子”！
之前我们先容了让列表页面中的条目分组表现，这算一种体积地区的分别改变，本日先容另一种让列表页变大度的要领：实现列表条目隔行换配景致。

实现织梦DedeCMS列表页模版条目隔行换色的要领大抵有三种方案：

一操作配景图片实现改换列表条目配景致

起首别笑，我知道这要领很傻，但这也是最最……最简朴的要领（在N年前刚打仗CSS时的我就是用这种要领……），一言以蔽之：配景图片！
譬喻列表行高20px，那么我们就做一张40px高度的配景图片，每20px高一个颜色——上下两种均高颜色的图片。配置配景图片平铺在列表外层容器上。

哈哈，有点彪。云云列表弱点是行高必需牢靠，否则行高不均等配景图片就露馅了。
甜头是超不变的赏识器兼容（相对第三种要领），以及很薄弱很薄弱的镌汰了处事器压力（相对第二种要领）。

so，虽傻也不容小觑 =。=!

二操作 {dede:list} 轮回标签实现改换列表条目配景致

第二种要领我们必要操作DedeCMS体系的 [field:global.autoindex/]，这个DEDECMS标签是一个自增添标签，他的值是从1开始，随着你的列表自动自增。
在我们做网站计划和建造DedeCMS模板时很是好用。在如下代码中你可以将它领略为一个判定，当火线表数是单数照旧偶数？假如是单数列就为 li 加 class=”color1″，假如是偶数列就为 li 加 class=”color2″。

<ul>

{dede:list pagesize='20' titlelen='80'}

[field:global.autoindex runphp='yes']

if((@me % 2) == 0){

@me ='<li class="color2">';

}

else{

@me = '<li class="color1">';

}

[/field:global.autoindex]

<a href="[field:arcurl/]">[field:title/]</a></li>

{/dede:list}