您现在的位置是:首页 > 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导航调用 

很赞哦! ()

相关源码

  • (响应式)蓝色智能摄像头安防防盗电子设备免费pbootcms源码下载这是一款针对智能安防行业特点设计的网站模板,采用蓝色系配色方案,体现科技感和安全性。模板包含产品展示、解决方案、技术支持和新闻中心等核心模块,能够全面展示智能安防设备的技术特点和行业应用。查看源码
  • (PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板,为玻璃钢环保设备制造、不锈钢钢材贸易企业设计,适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码
  • (PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码
  • (自适应响应式)绿色环保材料设备科技类营销型网站pbootcms源码下载本模板基于PbootCMS开发,主要面向环保设备、环保材料及相关科技企业。采用HTML5+CSS3技术构建,具备响应式特性,确保在各类设备上均有良好展示效果。查看源码
  • (PC+WAP)红色驾校培训学车在线预约源码下载基于PbootCMS内核开发的驾校培训专用网站模板,深度适配驾驶培训行业展示需求。采用PC与移动端同步响应设计,单一后台统一管理内容数据,更换图文素材后可快速转变为其他行业网站。查看源码
  • (自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板,为数字营销、技术分享类内容打造。采用前沿设计理念,兼顾内容展示与阅读体验,适配各类终端设备。通过本模板可快速构建专业级行业博客,有效传播专业知识与案例成果。查看源码
分享笔记 (共有 篇笔记)
验证码: