Dedecms递增数字排序标签[field:global name=autoindex/]

天外飘仙

如下图所示，递增数字排序列表效果非常常用，各种网站都有用到，特别是下载排行，点击排行，销售排行等时。
这种效果实际上是用CSS控制实现的。

Dedecms递增数字排序标签[field:global name=autoindex/]
html代码如下

1. <span class="n1"></span>
   
2. <span class="n2"></span>
   
3. <span class="n3"></span>
   
4. <span class="n4"></span>
   
5. <span class="n5"></span>
   
6. <span class="n6"></span>
   
7. <span class="n7"></span>
   
8. <span class="n8"></span>
   
9. <span class="n9"></span>
   
10. <span class="n10"></span>

复制代码

然后通过CSS样式来控制数字图标显示。

所以，在DEDECMS调用信息列表时就必须自动输出这个递增的数字。
用以下这个标签就可以：
[field:global name=autoindex/]
它会自动变成1，2，3，4，...
代码示例：

1. {dede:arclist row=7 titlelen=64 limit='8,8' orderby='id'}
   
2. <dd><span class="n[field:global name=autoindex/]"></span><a href="[field:arcurl/]" target="_blank" title="[field:title/]" style="">[field:title/]</a></dd>
   
3. {/dede:arclist}

复制代码