您现在的位置是:首页 > 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模板响应式模板下载为家禽饲养企业、养殖基地设计的响应式网站模板,聚焦畜禽产品展示、养殖技术分享及企业信息服务。采用PbootCMS内核开发,响应式技术确保PC与手机端数据实时同步查看源码
  • (自适应手机端)英文外贸电子产品通用pbootcms模板源码下载为电子产品外贸企业设计的响应式网站模板,采用PbootCMS开发内核,支持多语言展示。模板默认集成产品展示系统、询价表单模块和企业资质展示区,满足跨境贸易基础需求。整站采用模块化设计,便于扩展业务场景。查看源码
  • (自适应响应式)HTML5电脑手机电子数码产品配件pbootcms模板下载本模板为电脑配件、手机配件及数码周边产品企业设计,基于PbootCMS内核开发。采用现代化响应式布局,适配各类移动设备,能够专业展示各类电子产品配件参数、应用场景和技术特点。模板内置多种产品展示模块,满足不同类型配件企业的展示需求。查看源码
  • (自适应)蓝色自动溶剂萃取仪器设备类网站pbootcms模板下载本模板为溶剂萃取设备、实验室仪器等精密仪器行业设计,采用PbootCMS内核开发,具有高度专业性和行业适配性。模板设计充分考虑了仪器设备行业展示需求,能够呈现各类精密仪器的技术参数、应用场景和解决方案。查看源码
  • (PC+WAP)货运物流快递仓储货架pbootcms网站模板下载本模板基于PbootCMS开发,为货运物流、快递配送、仓储货架等行业设计,支持PC+WAP自适应,确保在电脑、手机、平板等设备上均能流畅访问。适用于物流公司、仓储企业查看源码
  • (PC+WAP)铝合金门窗定制pbootcms网站模板源码为铝合金门窗、定制门窗企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5自适应架构,PC与手机端数据实时同步,覆盖全终端用户交互场景。查看源码
分享笔记 (共有 篇笔记)
验证码: