M1850资源网 - 最专业的网站源码模板下载站!

全部作品
全部作品
织梦模板
网站模板
源码插件
游戏源码
脚本特效
视频教程
建站教程
M1850资源网 > 建站教程 > 织梦教程 > 织梦二次开发 > Dedecms递增数字排序标签[field:global name=autoindex/]

推荐下载

标签推荐

>> 更多

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

如下图所示,递增数字排序列表效果非常常用,各种网站都有用到,特别是下载排行,点击排行,销售排行等时。

这种效果实际上是用CSS控制实现的。


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}
嘿,我来帮您!

展开