您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

实现dede二级栏目当前效果的方法

怜梦2023-12-21DedeCMS教程已有人查阅

导读网上有好多关于织梦模板二级栏目当前效果的文章。我发现有一些共同点就是一般都要修改原代码，或是其他的方式来实现，今天我发现一个比较简单的方法

网上有好多关于织梦模板二级栏目当前效果的文章。我发现有一些共同点就是一般都要修改原代码，或是其他的方式来实现，今天我发现一个比较简单的方法，只需要稍改下css样式就可以实现。
下面是我的方法，贴出来供大家参考下，由于刚做教程，说得有些乱，请谅解，过些天我再修改下。
下面是我修改的Css和channelartlist 部分。
css部分：

<style>
.type{dede:field.id/}{ color:#b96704; font-weight:bold; background:#fff}
#dis{dede:field.reid/},#dis{dede:field.id/}{ display: block}
.on{dede:field.reid/},.on{dede:field.id/}{ font-weight:bold; color:#000}
</style>

这部分一定要放到模板页面，不能使用link来加入
channelartlist 循环部分

<ul>
{dede:channelartlist }
<li class="tenint"><a href='{dede:field name='typeurl'/}' class=" on{dede:field.id/}">{dede:field name='typename'/}</a></li>
<ul class='autod' id="dis{dede:field.id/}">
{dede:sql sql='Select * from dede_arctype where reid =~id~'}
<li><a href="../plus/list.php?tid=[field:id/]" class="type[field:id/]">[field:typename /]</a></li>
{/dede:sql}
</ul>
{/dede:channelartlist}
</ul>

这个就可以实现二级甚至三级的当前效果
如果大家需要，我周六或是周日来仔细说下
另外还有一个投票的bug解决（就是投票以后需要刷新才在本地显示正确的投票票数）

本文标签：

很赞哦！ ()

上一篇：dedecms如何调用发布者的个人信息

下一篇：怎么修改织梦cms水印的位置

图文教程

相关源码

(响应式自适应)小学初中作文论文文章资讯博客pbootcms模板下载为中小学作文、教育类网站设计，特别适合展示学生作文、教学资源和写作指导等内容。采用响应式技术，确保在不同设备上都能获得良好的阅读体验。查看源码
(响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景，采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能，满足现代博客网站的建设需求。查看源码
(自适应)大型农业机械设备水稻玉米收割机网站pbootcms源码下载本模板基于PbootCMS内核开发，为农业机械设备制造与销售企业设计，特别适合水稻玉米收割机、拖拉机、播种机等农用机械展示。模板充分考虑了农机行业的特性，从产品展示到技术参数，从作业案例到售后服务查看源码
(响应式)轴承机械五金零件产品pbootcms落地推广单页源码下载为轴承、机械零件等工业产品打造的响应式单页模板，基于PbootCMS内核开发，助力企业快速构建专业级产品展示页面。模板采用工业风设计语言，突出产品参数与性能优势，适用于设备制造商、零部件供应商等B2B场景推广。查看源码
(自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板，采用PbootCMS内核开发，可快速搭建企业级产品展示平台，数据实时同步管理。查看源码
响应式粉色美容整形化妆品pbootcms网站模板开源源码该网站模板为美容整形、化妆品企业设计，采用响应式布局确保在手机、平板及PC端自动适配显示效果。基于PbootCMS内核开发，支持一键替换图文内容快速转换至其他行业应用。查看源码