欢迎光临! 【模板119】平台每天更新源码-所有VIP源码均有在线演示

logo

建站一条龙服务
更新时间:2018-01-30 11:17

左侧栏目导航菜单导航通用代码 可直接嵌入自有网站

下载次数:编码:优惠价: VIP免费下载 [开通本站VIP]站长:mb119.com 联系:点击这里给我发消息

左侧栏目导航菜单导航通用代码 可直接嵌入自有网站

效果为:自动展开当前栏目 的子分类(aspcms可直接使用 其它的用通用代码) 点击哪个栏目 就展开哪个栏目的子分类 非常方便

效果如图



aspcms实现代码(其它通用代码  见附件下载包里的说明):



 
<link rel="stylesheet" href="/mb119.leftnav/css/reset.css?v=v1" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/mb119.leftnav/css/style.css?v=v1" type="text/css" media="screen" charset="utf-8">
 
 
<div class="side-nav fl fwb">
    <div class="tit">
        <div class="cn">产品展示</div>
        <div class="en">Product display</div>
    </div>
    <ul>
       {aspcms:navlist type=5}
        <li{if:[navlist:sortid]={aspcms:parentsortid}} class="cur" {end if}> 
            <a href="javascript:;" class="lia" looyu_bound="1">[navlist:name]<i></i></a>
            <dl{if:[navlist:sortid]={aspcms:parentsortid}} style="display: block;"{end if}>
            {aspcms:1navlist type=[navlist:sortid]}
                           <dd><a href="[1navlist:link]" class="dda" looyu_bound="1">[1navlist:name]</a></dd>
            {/aspcms:1navlist}
                       </dl>
        </li>
        {/aspcms:navlist} 
        
        </ul>
<!--     <div class="bbbtt">
        <h2>相关产品</h2>
    </div>
    <div class="picScroll-left-007">
        <div class="bd">
            <ul class="picList">
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="http://www.qx100years.com/index.php ">
                            <div class="voimg">
                                <img src="/mb119.leftnav/img/w-12.jpg?v=v1 " alt="">
                            </div>
                        </a>
                    </li>
                            </ul>
        </div>
        <div class="prev"></div>
        <div class="next"></div>
    </div> -->
</div>
 
<script src="/mb119.leftnav/js/main.js?v=v1" type="text/javascript" charset="utf-8"></script>
 


下载地址:
  • 百度网盘
  • 提取密码:  大小:2.5 MB MB
    在线客服

    金融贵金属 HTML5模板响应式模板手机模板营销型模板双语模板商城网站aspcms模板