ASPCMS一二级栏目列表同时显示代码

摘要

ASPCMS可以说是一款不错的ASP语言代码CMS，把玩着了多台模板代码，发现好多有栏目列表的模板都只显示二级分类列表，几乎没有找到同时显示三级栏目的例子。刚好朋友的网站因为想每个品牌下的不同型号做成三级栏目显示出来，他添加栏目后发现怎么捣腾原来的栏目列表里就是出不那些三级栏目。为了配合他的要求尝试修改，成功实现了一二级栏目列表同时显示代码。

最初的栏目列表只循环排列显示一级类产品展示下的二级栏目

<H3><a title="产品展示" href="/productlist/">产品展示</a></H3>
<UL>
    {aspcms:navlist type=5}<!--type=栏目ID -->
        <li ><a title="[navlist:name]" href="[navlist:link]">[navlist:name]</a></li>
    {/aspcms:navlist}
</UL>

添加一循环算法增加二级栏目下的三级栏目

{aspcms:1navlist type=5}    
<h3 sid="firstnavlist"><a href="[1navlist:link]">[1navlist:name]</a></h3>    
<ul>    
{aspcms:2navlist type=[1navlist:sortid]}    
<li sid="subnavlist"><a href="[2navlist:link]">[2navlist:name]</a></li>    
{/aspcms:2navlist}    
</ul>    
{/aspcms:1navlist}

如果只是将二级栏目和三级栏目都显示出来，使用到以上代码就算结束了，但当朋友网站栏目的增加又出现新的问题，那么都栏目哗啦都出来了，浏览者不免找不了重点了。于是修改代码实现隐藏三级栏目，只要当鼠标经过二级栏目上三级栏目才显示出来。

一、在<head>...</head>出添加script代码

<script type="text/javascript" 
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script type="text/javascript">
    $(function(){
        $(".sidebar h4").hover(function(){/*.sidebar h4需要隐藏的代码类上级*/
            $(this).find("div").show();/*.sidebar h4 div需要隐藏区域*/
            },function(){
                $(this).find("div").hide();
            });
    });
</script>

二、修改需要隐藏/显示的类别区域

{aspcms:1navlist type=5}<!--type=栏目ID -->
<h4 sid='firstnavlist'><a href="[1navlist:link]"><b>[1navlist:name]</b></a><!--将二级栏目和三级栏目包含在同一CSS类-->
    <div class="needhide"><!--需要隐藏区域-->
        <ul id="subnavlist">
            {aspcms:2navlist type=[1navlist:sortid]}
                <li sid='subnavlist'><a href='[2navlist:link]'>[2navlist:name]</a></li>
            {/aspcms:2navlist}
        </ul>
    </div>
</h4>
{/aspcms:1navlist}

想看到效果，点这里吧---SHOW 。

还是没看懂，参考这个简单例子---css显示隐藏层代码，鼠标经过时，出现文字链接