phpcms v9树型循环输出栏目及子栏目解决方案
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 -->