如下图所示,递增数字排序列表效果非常常用,各种网站都有用到,特别是下载排行,点击排行,销售排行等时。
这种效果实际上是用CSS控制实现的。
![Dedecms递增数字排序标签[field:global name=autoindex/]](http://freedede.oss-cn-hangzhou.aliyuncs.com/2020/3/UbMb6v.png?x-oss-process=style/syzhong)
html代码如下
<span class="n1"></span>
<span class="n2"></span>
<span class="n3"></span>
<span class="n4"></span>
<span class="n5"></span>
<span class="n6"></span>
<span class="n7"></span>
<span class="n8"></span>
<span class="n9"></span>
<span class="n10"></span>
然后通过CSS样式来控制数字图标显示。
所以,在DEDECMS调用信息列表时就必须自动输出这个递增的数字。
用以下这个标签就可以:
[field:global name=autoindex/]
它会自动变成1,2,3,4,...
代码示例:
{dede:arclist row=7 titlelen=64 limit='8,8' orderby='id'}
<dd><span class="n[field:global name=autoindex/]"></span><a href="[field:arcurl/]" target="_blank" title="[field:title/]" style="">[field:title/]</a></dd>
{/dede:arclist}
织梦教程网络上有很多,但没有一个像自由织梦(www.freedede.cn)这样教程比较齐全的,现在好了,学习开发使用织梦dedecms系
统不用东奔西跑了,直接来自由织梦就好了,提供织梦cms详细的使用教程和织梦建站教程,包括dedecsm的安装、模板开发教程、安
全配置等,DedeCMS从入门到精通建站就是如此轻松。 |