网站知识您当前的位置:首页 > 新闻资讯 > 网站知识 >

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

发布时间:2020-05-28   作者:洛阳一博网络   点击:

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
  • 添加微信好友

  • 扫一扫访问手机网站

  • 在线客服
  • 技术支持
  • 售后服务
  • 微信号:15037966801