腾讯云服务器安全可靠高性能,多种配置供您选择
免费注册 | 会员中心
您当前位置:模板超市 > 建站教程 > 模板使用教程 >

phpcms v9树型循环输出栏目及子栏目解决方案

时间:2012-12-09 08:59 来源:模板超市 点击:



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" 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 onmouseover="fntoshow({$r[catid]})"><a 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 -->





友荐云推荐

赞助商链接


模板超市提供PHPCMS模板织梦模板网店模板论坛模板博客模板模板定制服务。 SITEMAP 若侵犯了您的版权请联系客服。