帝国CMS自定义导航栏目支持当前栏目高亮
2018-03-26 02:31:43 围观 : 次
一流资源网之前分享过多篇关于帝国CMS当前栏目高亮的教程,点此查看 ,各有各的特点,各有各的优势,
今天一流资源网再分享一篇帝国CMS自定义导航栏目当前栏目高亮教程,于之前的不同处在于,这次的是自定义导航栏目,不是标签调用显示的导航,
就是手动写死的栏目也能支持高亮。
第一步:
打开 \e\class\userfun.php 加入以下函数代码:
1
2
3
4
5
6
7
|
//取得顶级栏目ID函数 function user_GetTopBclassid( $classid ){ global $class_r ; $fr = explode ( '|' , $class_r [ $classid ][featherclass]); $topbclassid = $fr [1]? $fr [1]: $classid ; //取得第一级栏目id return $topbclassid ; } |
第二步:
使用这个代码可以调用出当前一级栏目ID
1
|
<?=user_GetTopBclassid( $GLOBALS [navclassid])?> |
获取到一级栏目ID就好办了。
第三步:
在自定义导航栏目代码时,可以这样写:
1
2
3
|
<li id= "nav-1" >一流资源网</li> <li id= "nav-2" >JS代码</li> <li id= "nav-3" >帝国CMS教程</li> |
这其中的这个数字就是一级栏目ID,把ID写进去。
然后在模板页面加上CSS代码:
1
2
3
|
<style type= "text/css" > #nav-<?=user_GetTopBclassid($GLOBALS[navclassid])?> {color:#F00;} </sytle> |
原理就是,CSS代码中自动获取当前栏目一级栏目ID,就正好跟栏目里对上了。
如打开的是 帝国CMS教程 栏目,CSS代码就如下:
1
2
3
|
<style type= "text/css" > #nav-3 {color:#F00;} </sytle>
|