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

[复制链接]
查看1676 | 回复6 | 2019-5-10 04:05:19 | 显示全部楼层 |阅读模式

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

这种效果实际上是用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}
织梦教程网络上有很多,但没有一个像自由织梦(www.freedede.cn)这样教程比较齐全的,现在好了,学习开发使用织梦dedecms系 统不用东奔西跑了,直接来自由织梦就好了,提供织梦cms详细的使用教程和织梦建站教程,包括dedecsm的安装、模板开发教程、安 全配置等,DedeCMS从入门到精通建站就是如此轻松。
回复

使用道具 举报

123457245 | 2021-3-20 02:36:02 | 显示全部楼层
这个下载站资源真齐全
回复

使用道具 举报

123457264 | 2021-7-20 04:38:17 | 显示全部楼层
谢谢楼主发布的资源下载,帮助我不少
回复

使用道具 举报

山人佳燕品 | 2021-8-26 03:58:01 | 显示全部楼层
没积分哈,谁来帮帮我啊
回复

使用道具 举报

球妈2017 | 2021-11-17 14:59:59 | 显示全部楼层
资源太多了,准备办个会员
回复

使用道具 举报

路人52014 | 2022-5-22 05:30:53 | 显示全部楼层
这个站很好,资源多,教程全
回复

使用道具 举报

银鲜目江探 | 2024-2-1 06:04:41 | 显示全部楼层
我是来白嫖悟空源码的资源的!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则