phpcms V9多级导航调用+当前栏目高亮显示示范代码

使用phpcms V9制作头部文件header.html的导航时，循环调用一级和二级以及更多级别的栏目，有时需要同时显示当前栏目的子栏目（比如下拉菜单），还要高亮显示当前栏目时，就可以采用如下代码：

 

• 首页


• {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}{loop $data $k $r}


• {$r[catname]} {pc:content action="category" catid="$k" num="15" siteid="$siteid" order="listorder ASC"}
  
  
  • {loop $data $r}
  
  
  • {$r[catname]}
  
  
  • {/loop}
  
  {/pc}


• {/loop}{/pc}


 

以下配套的css代码仅供参考！效果如图：

.nav { width: 960px; height: 30px; margin: 0 auto; line-height: 30px; }
.nav ul li { float: left; width: 70px; text-align: center; cursor: pointer; }
.nav ul li a { color: #fff; display: block; text-decoration: none; }
.nav ul li:hover { background: #d9e4f9; }
.nav ul li:hover a { color: #000; }
.nav ul li a:hover { color: #f00; background: #d9e4f9; }
.nav ul li ul { display: none; position: absolute; background: #d9e4f9; z-index: 999; }
.nav ul li ul li { float: none; margin-right: 0; }
.nav ul li:hover ul { display: block; }
.nav ul li:hover ul li a { color: #000; }
.nav ul li ul li a:hover { color: #f00; background: #fff; }
.nav ul li .hover { background: #fff; color: #000; }