导航
关闭

狼王King

当前位置:首页 > 网络教程 - 正文

帝国CMS自定义导航栏目支持当前栏目高亮的又一教程

  人参与 |更新时间: 2020年01月16日 15:04

狼王说之前分享过多篇关于帝国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>

编辑:狼王(微信/QQ:1574808)

来源:狼王King(微信/QQ:1574808),欢迎分享!

本文链接:https://www.iwolfking.com/jiaocheng/202.html

评论专区

留言与评论(共有 0 条评论)
表情:   
验证码: