您现在的位置是:首页 > 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的工作了。

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)货运物流快递仓储货架pbootcms网站模板下载本模板基于PbootCMS开发,为货运物流、快递配送、仓储货架等行业设计,支持PC+WAP自适应,确保在电脑、手机、平板等设备上均能流畅访问。适用于物流公司、仓储企业查看源码
  • (自适应响应式)工业机床工程农业机械设备网站源码下载框架适用于工程机械、机床设备等工业领域。通过模块调整可快速转型为农业机械、物流设备展示系统。预留7种工业产品展示模板。查看源码
  • (自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板,为早教中心、培训学校等教育机构打造,提供从技术架构到视觉呈现的全套网站建设方案。查看源码
  • (自适应)蓝色基建施工工程建筑集团网站pbootcms模板下载为工程建筑、基建施工类企业打造的PbootCMS模板,采用现代化设计理念,突出企业实力与项目展示,帮助建筑类企业快速建立专业在线门户。查看源码
  • (PC+WAP)红色厨具厨房用品设备pbootcms模板源码下载为厨具设备企业设计的响应式网站模板,采用PbootCMS内核开发,适用于商用厨房设备、家用厨具、厨房用品等企业展示。模板包含产品展示、新闻动态、案例中心等标准模块,助您快速搭建专业级行业网站。查看源码
  • 帝国CMS7.5手游资讯下载综合门户免费网站模板本模板基于帝国CMS7.5内核开发,为手游打造的综合门户网站解决方案。模板设计充分考虑了手业的特性,包含游戏资讯发布、手游下载、礼包发放、开测信息等核心功能模块,满足手游门户网站的各项业务需求。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐