您现在的位置是:首页 > 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模板(PC+WAP)传媒广告影视公司网站源码基于PbootCMS内核开发的全自适应传媒文化网站模板,为影视公司、广告传媒企业打造,同时支持多行业快速适配。通过替换文字图片即可转换为其他行业网站查看源码
  • (自适应响应式)英文外贸医疗科研耗材设备pbootcms网站模板为医疗设备和外贸企业设计的响应式网站模板,基于PbootCMS系统开发。突出医疗产品认证展示和国际化特性,通过专业化的产品参数展示模块和文档管理系统,满足医疗行业严格的信息披露要求。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
  • (自适应)pbootcms模板五金元件气缸气动系统源码下载基于PbootCMS核心开发的气缸气动系统网站模板,为五金元件、气动设备制造企业设计。采用响应式布局技术,自动适配手机、平板等移动设备,确保各类终端用户获得良好浏览体验。查看源码
  • (自适应)宽屏大气的净水器智能电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为净水器设备、智能电子设备企业量身打造,采用响应式设计技术,可快速构建专业级企业官网。通过本模板可高效展示产品技术参数、解决方案及企业服务优势。查看源码
  • (自适应)五金配件机械加工设备pbootcms模板免费下载这款基于PbootCMS开发的网站模板为五金配件和机械加工行业设计,采用简洁有力的设计风格,突出工业产品的专业性和可靠性。模板结构清晰,功能完善,能够有效展示各类工业产品的技术参数和应用场景。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐