您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国CMS导航自定义栏目支持当前栏目高亮的方法

运晟2023-04-20帝国CMS教程已有人查阅

导读之前分享过多篇关于帝国CMS当前栏目高亮的教程,点此查看 ,各有各的特点,各有各的优势,今天我们再分享一篇帝国CMS自定义导航栏目当前栏目高亮教程,于之前的不同处在于

之前分享过多篇关于帝国CMS当前栏目高亮的教程,点此查看 ,各有各的特点,各有各的优势,今天我们再分享一篇帝国CMS自定义导航栏目当前栏目高亮教程,于之前的不同处在于,这次的是自定义导航栏目,不是标签调用显示的导航,

就是手动写死的栏目也能支持高亮。

第一步:

打开 /e/class/userfun.php 加入以下函数代码:

//取得顶级栏目ID函数 function user_GetTopBclassid($classid){ global $class_r; $fr=explode('|',$class_r[$classid][featherclass]); $topbclassid=$fr[1]?$fr[1]:$classid;//取得第一级栏目id return $topbclassid; }

第二步:

使用这个代码可以调用出当前一级栏目ID

<?=user_GetTopBclassid($GLOBALS[navclassid])?>

获取到一级栏目ID就好办了。

第三步:

在自定义导航栏目代码时,可以这样写:

<li id="nav-1">一流资源网</li><li id="nav-2">JS代码</li><li id="nav-3">帝国CMS教程</li>

这其中的这个数字就是一级栏目ID,把ID写进去。

然后在模板页面加上CSS代码:

<style type="text/css">#nav-<?=user_GetTopBclassid($GLOBALS[navclassid])?> {color:#F00;}</sytle>

原理就是,CSS代码中自动获取当前栏目一级栏目ID,就正好跟栏目里对上了。

如打开的是 帝国CMS教程 栏目,CSS代码就如下:

<style type="text/css">#nav-3 {color:#F00;}</sytle>

本文标签:帝国cms导航调用 

很赞哦! ()

相关源码

  • 帝国CMS中小学生知识点试题练习题考试源码下载基于帝国CMS后台管理系统,支持在线修改联系信息、网站参数等配置,操作流程简洁明了。专注于中小学教育领域,集成知识点总结、试题练习、考试资讯等学习资源,为师生提供全面的在线学习支持与服务。查看源码
  • (自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计,提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强,支持多种自定义设置,满足动漫爱好者建立个人博客的需求。查看源码
  • (自适应响应式)英文外贸医疗科研耗材设备pbootcms网站模板为医疗设备和外贸企业设计的响应式网站模板,基于PbootCMS系统开发。突出医疗产品认证展示和国际化特性,通过专业化的产品参数展示模块和文档管理系统,满足医疗行业严格的信息披露要求。查看源码
  • (自适应)平面设计网络工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为设计工作室、创意机构打造的作品展示解决方案。通过模块化布局与极简交互设计,呈现设计作品的视觉细节,支持作品分类、案例解析等多维度展示方式。查看源码
  • (PC+WAP)企业管理工程造价资产评估财务审计带留言网站模板本模板基于PbootCMS内核开发,为工程造价咨询、财务审计类企业量身打造,同时支持多行业快速适配。采用PC+WAP双端同步设计,数据实时互通,助您高效展示企业形象与服务能力。查看源码
  • 自适应建材瓷砖卫浴大理石类pbootcms网站模板源码下载为建材瓷砖、卫浴瓷砖企业打造的高端响应式门户模板,基于PbootCMS内核深度开发。采用前沿HTML5自适应架构,无缝兼容手机端触控交互与PC端展示场景。查看源码
分享笔记 (共有 篇笔记)
验证码: