phpcms二级页面的树型菜单完美解决方案,鼠标移动上去就下拉菜单下来:

头部header.html模板中引入Jquery文件:
<script type="text/javascript" src="{JS_PATH}typzy2012/js/jquery1.4.2.js"></script>

接下来在header.html模板中的head中写入js代码
<script type="text/javascript">
function fntoshow(catid){
  if($('#ul'+catid).css('display')=='none'){
   $('#ul'+catid).slideDown();
  } 
}
</script>

然后在二级栏目category.html和list.html模板中,通常在左侧投放下面的代码:


        <!--栏目导航b -->
          {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
              {loop $data $r}
                  {if $r[catid]==$catid}
                      <li class="lili" οnmοuseοver="fntoshow({$r[catid]})">
          <a href="{$r[url]}">{$r[catname]}</a>
                       <!--判断是否有子栏目开始 -->
                         {if $r[child]}
                             <ul id="ul{$r[catid]}" class="arrchild" style="display:none;">
                               {pc:content action="category" catid="$r[catid]" num="15" siteid="$siteid" order="listorder ASC"}
                                    {loop $data $v}
                                        <li style="text-indent:20px;"><a href="{$v[url]}">{$v[catname]}</a></li>
                                    {/loop}
                                 {/pc}
                             </ul>              
                        {/if}
                        <!--判断是否有子栏目结束 -->
                      </li>
                  {else}
                      <li href="{$r[url]}">{$r[catname]}</a></li>
                      <!--判断是否有子栏目开始 -->
                         {if $r[child]}
                             <ul id="ul{$r[catid]}"  class="arrchild"  style="display:none;">
                               {pc:content action="category" catid="$r[catid]" num="15" siteid="$siteid" order="listorder ASC"}
                                    {loop $data $v}
                                        <li><a href="{$v[url]}">{$v[catname]}</a></li>
                                    {/loop}
                                 {/pc}
                             </ul>              
                        {/if}
                        <!--判断是否有子栏目结束 -->       
                  {/if}       
              {/loop}
          {/pc}
        <!--栏目导航e -->