一流資源網之前分享過多篇關于帝國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>
|
新聞熱點
疑難解答