帝国CMS自定义导航栏目支持当前栏目高亮
2018-03-26 站长 站长日志
一流资源网之前分享过多篇关于帝国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>
|