问题描述:当我们做推荐或热点文章列表的时候,很想在前10条记录的标题前,加上不同的小标志,比如从1到10的数字等,无奈我们用li等循环时,里面的每一条记录都是一样的,不可能用不同的CSS样式分别定义不同的标题文章,当然您也可以事先做一个图,因为ul的高度和每个li的高度间距等都是固定和可预见的,直接把这个图作为UL的整个背景也可以实现,不过这样总感觉不爽,下面的代码可以让您为每个li定义不同的css样式,即实现这样的功能:
1
<ul>
2
3
4
5
6
7
<li class="icon1">标题链接</li>
<li class="icon2">标题链接</li>
<li class="icon2">标题链接</li>
<li class="icon3">标题链接</li>
<li class="icon5">标题链接</li>
</ul>
标签代码如下:
1
<ul>
2
3
4
5
6
{dede:arclist titlelen=34 row=5 orderby='hot' typeId='74'}
<li class="icon[field:global.autoindex/]"><a href="[field:arcurl/]" target=_blank> ()
[field:title/]</a></li>
{/dede:arclist}
</ul>
其中:[field:global.autoindex/]可以在标签循环中输入对应的1、2、3、4、5等