最经用v9二次开发帮某教授做个网站，他提出来主导航要个二级导航，我又不谙熟v9的变量，就百度了一下，大多转自一个出处，可是，这个二级导航，根本就有问题(PS这些人转了也不测试，完全是乱转载)，后来，我就在此基础上修改了错误，再在样式表中，为其添加了的样式(没有CSS样式，就说完美解决，汗!叫只会复制粘贴的大大们怎么活?)，废话少说，看下面。

1、将.phpcmstemplatesdefaultcontent目录下的header.html打开，把里面

<map>........</map>

之间的代码用如下代码代替;

<map>

<ul class="nav-site">

{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}

<li><a href="{siteurl($siteid)}"><span>首页</span></a></li>

<li class="line">|</li>

{loop $data $k $v}

<li><a href="{$v[url]}">{$v[catname]}

<!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->

<ul>

{pc:content action="category" catid="$k" num="10" siteid="$siteid" order="listorder ASC"}

{loop $data $r} <li><a href="{$r[url]}">{$r[catname]}</a></li> {/loop}

{/pc}

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</li>

<li class="line">|</li>

{/loop}

{/pc}

</ul>

</map>

2、找到.staticscss目录下的default_blue.css文件(要是换过主题的，自己找主css样式表)，打开，找到/* 导航 */的css样式，在其后加上如下css样式;

/*zkadd*/

.nav-site{

list-style:none;}

.nav-site li {position:relative; z-index:200;}

.nav-site ul {visibility:hidden;position:absolute;left:3px;top:30px;}

.nav-site table {position:absolute; top:0; left:0;}

.nav-site li:hover ul,

.nav-site a:hover ul{visibility:visible;}

.nav-site a:hover{background:#3a6ea5;}

.nav-site ul{ }

.nav-site ul a{

background-color:#6184a9;

color:#ffffff;

border-top:1px solid #7aa5d2;

border-bottom:1px solid #4e6a87;

text-decoration:none;}

.nav-site ul li {clear:both;height:28px !important; line-height:28px !important; text-align:center;font-

size:13px;list-style: none; }

.nav-site ul li a{display:block;width:138px;}

.nav-site ul li a:hover{ border-top:1px solid #7aa5d2;

border-bottom:1px solid #4e6a87;

background:#6d93bc;}

/*zkadd-end*/

ps：Hack过了，能完美支持ie等各个版本，至于颜色样式，有能力的童鞋可以自己改。

更多信息请查看IT技术专栏