phpcms 二级 页面 的树型 菜单 完美解决方案,鼠标移动上去就下拉 菜单 下来: 头部header.html模板中引入Jquery文件: script type=text/" />
鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > cms安装教程 > phpcms > >

phpcms v9 二级页面树形菜单源码

来源:互联网 作者:佚名 时间:2015-08-18 08:51
650) this.width=650;" border="0" alt="" src="http://cdn.verydemo.com/upload/2013_04_08/13654030297880.jpg" /> phpcms 二级 页面 的树型 菜单 完美解决方案,鼠标移动上去就下拉 菜单 下来: 头部header.html模板中引入Jquery文件: script type=text/

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" onmouseover="fntoshow({$r[catid]})">
          <a href="{$r[url]}">{$r[catname]}</a>
                       <!--判断是否有子栏目开始 -->
                         {if $r[child]}
                             <ul id="ul{$r[catid]}" class="arrchild" >                                {pc:content action="category" catid="$r[catid]" num="15" siteid="$siteid" order="listorder ASC"}
                                    {loop $data $v}
                                        <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"  >                                {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 -->  

网友评论
<