首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >dede列表每5行加一条虚拟下划线效果

dede列表每5行加一条虚拟下划线效果

作者头像
用户1088318
发布2025-05-21 10:32:33
发布2025-05-21 10:32:33
9000
代码可运行
举报
运行总次数:0
代码可运行

dede列表每5行加一条虚拟下划线:

代码语言:javascript
代码运行次数:0
运行
复制
{dede:list pagesize='12'}
<li> <a href="[field:arcurl/]" target="_blank" title="[field:fulltitle/]">[field:title/]</a>[[field:pubdate function=MyDate('y-m-d',@me)/]]</li>
[field:global.autoindex runphp='yes']
if((@me % 6) == 0){
@me ='<hr>';
}
else{
@me = '';
}
[/field:global.autoindex]
{/dede:list}

注意代码:

1、[field:global.autoindex/] 这个就是循环变量,它是一个可以自动变化的数字,相当于文章的编号。(当然,你如果不需要文章的编号可以删除掉这段代码)

2、(@me % 6) = 0 判断当前文章编号是否是6的倍数

3、@= '<hr>'; 这个中间的<hr> 就是如果是6的倍数后所要显示的具体HTML代码。

蓝色为虚拟下划线的样式,只要把<hr>替换为你需要的html代码就可以做出你想要的分割效果!

本文链接:https://jinmengqiang.cn/a/202107/17.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-07-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档