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

织梦cms实现嵌套li加currentstyle的二级菜单

易梦2023-09-19DedeCMS教程已有人查阅

导读dede实现嵌套li加currentstyle的二级菜单非常麻烦,所以官方之前的版本也使用了js来实现,而且为此还hardcode了一下编码到标签库里面

dede实现嵌套li加currentstyle的二级菜单非常麻烦,所以官方之前的版本也使用了js来实现,而且为此还hardcode了一下编码到标签库里面,具体见\include\taglib\channel.lib.php line100 //检查是否有子栏目,并返回rel提示(用于二级菜单) 及 line130 $row['rel']="rel='dropmenu{$row['id']}'"; 可见,如果需要二级菜单加当前样式,那么头部
<ul>
 <li><ahref='{dede:global.cfg_cmsurl/}/'>
 <spanclass="cn">首页</span>
 <spanclass="en">Home</span>
 </a></li>
 {dede:channeltype='top'row='10'currentstyle='<liclass="current"><ahref="~typelink~"~rel~>#<spanclass="cn">~typename~</span><spanclass="en">~dirName~</span></a></li>'
 }
 <li>
 <ahref='[field:typeurl/]'[field:rel/]>
 <spanclass="cn">[field:typename/]</span>
 <spanclass="en">[field:typedirrunphp='yes'commet="获得之后目录名,英文"] $l=split("/",@me); @me=array_pop($l);
 [/field:typedir]</span>
 </a>
 </li>
 {/dede:channel}
</ul>
rel的属性是必须的
而且在底部
{dede:channelartlist typeid='top'}
<ul id="dropmenu{dede:field.typeid/}">
{dede:channel type='son' noself='yes'}
<li><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist} 
dropmenu的关键字也是必须的。
剩下的就是css和js的工作了。

本文标签:

很赞哦! ()

相关源码

  • 工商注册财务代理记账类自适应pbootcms网站工商注册、财务代理记账企业打造的数字化门户模板,基于PbootCMS内核深度开发。采用前沿响应式架构,无缝适配手机端触控交互与PC端展示需求查看源码
  • pbootcms模板(PC+WAP)APP应用软件下载类官网源码为APP应用软件官网打造的响应式解决方案,PC端与移动端(WAP)数据实时同步,一次更新全网生效,满足多终端用户无缝体验需求。查看源码
  • (PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码
  • (自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发,为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格,提供舒适的阅读体验,同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
  • 帝国cms7.5文库范文/付费下载/复制付费/带支付源码免费下载本模板为文库、文档分享、知识付费类平台设计,提供完整的内容变现解决方案。系统支持多种内容展示与付费模式,满足不同场景下的内容价值转化需求,帮助平台实现内容资源的有效管理和商业化运营。查看源码
  • 帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计,提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询,满足不同层次的学习需求。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐