您现在的位置是:首页 > 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+WAP)房屋建造建筑工程房地产建材行pbootcms网站模板下载本模板基于PbootCMS内核开发,为房屋建造、建筑工程及房地产建材类企业设计。通过本模板可快速搭建具有行业特色的企业官网,只需替换文字与图片内容即可适配其他行业使用。查看源码
  • (自适应响应式)AI智能电子科技产品pbootcms网站模板下载基于PbootCMS内核的响应式模板,为AI智能硬件、电子产品等科技企业打造,通过技术创新实现品牌数字化升级。查看源码
  • pbootcms模板(PC+WAP)火锅加盟餐饮美食类带留言源码基于PbootCMS内核深度开发,为火锅、餐饮品牌打造的营销型解决方案。采用红色主题传递行业活力,实现PC与WAP端适配。查看源码
  • HTML5响应式健身俱乐部pbootcms网站模板下载为健身俱乐部、瑜伽中心及运动场馆设计的响应式网站模板,采用PbootCMS内核开发,支持一键替换图文适配健身器材销售、瑜伽工作室等多类型运动健康产业。查看源码
  • 自适应黑色建筑装饰设计公司个人工作室pbootcms模板基于PbootCMS内核开发的黑金风格模板,为建筑装饰、工程设计类企业打造,采用‌开源架构‌,支持跨行业快速适配,核心优势如下: 查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐