午夜免费观看-午夜免费观看_视频在线观看-午夜免费观看福利片一区二区三区-午夜免费剧场-亚洲成a人片在线观看导航-亚洲成a人片在线观看尤物

Eyoucms手風琴三級菜單,掌握三級分類用法

2020-06-09

應用:適用于左右結構排版三級產品分類或文章分類。


1、效果圖

eyoucms手風琴三級菜單標簽


2、HTMl

<!-- 分類折疊手風琴菜單 開始 -->
<div class="subnavbox bg-white radius">
<h2 class="bg-blue text-white">{eyou:channelartlist typeid='$eyou.field.typeid|gettoptype=###,typeid'}{eyou:field name='typename' /}{/eyou:channelartlist}</h2>
<!--當前欄目下二級欄目調用-->
{eyou:channel type="first" currentstyle="active"} 
    {eyou:eq name='$eyou.field.grade' value='2'} 
        {eyou:type typeid='$eyou.field.typeid' id='field1'} 
            {eyou:eq name='$field1.parent_id' value='$field.id'} 
                {eyou:assign name='$field.currentstyle' value='current' /}
                <!--current對應樣式中的display:block-->
            {/eyou:eq} 
        {/eyou:type} 
    {/eyou:eq}
    <div class="{$field.currentstyle}dd {$field.currentstyle}dt suboneNav">{$field.typename}</div>
    <!--當前欄目下三級欄目調用-->
    {eyou:notempty name="$field.children"}
    <ul class="cur-bg {$field.currentstyle}">
        {eyou:channel name="$field.children" id="field2"}
        <li><a href="{$field2.typeurl}" class="{$field2.currentstyle}">{$field2.typename}{$field2.typeid}</a>
        </li>
        {/eyou:channel}
    </ul>
    {/eyou:notempty} 
{/eyou:channel}
</div>
<!-- 分類折疊手風琴菜單 結束 -->


3、CSS

.subnavbox h2 {line-height:60px;height:60px;position:relative;font-size:20px;padding:0 0 0 20px;}
.subnavbox .current {display:block;}
.subnavbox .cur-bg{background:#fff;padding:10px 0;}
.subnavbox ul {display:none;}
.subnavbox ul li a{display:block;line-height:36px;font-size:14px;color:#999;padding-left:20px;}
.subnavbox ul li a:hover {color:#FF6D33;}
.subnavbox ul li a.active {color:#FF6D33;}
.suboneNav{border-bottom:solid 1px #0BECF1;background:#0AD4D9 url(../images/ico_jia.png) no-repeat;background-position:95% 50%;cursor:pointer;font-size:16px;color:#fff;line-height:54px;padding-left:20px;}
.suboneNav:last-child{border-bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px} 
.currentdt {background-image:url(../images/ico_jian.png);}


4、JS

$(".suboneNav").click(function () {
    $(this).toggleClass("currentdd").siblings(".suboneNav").removeClass("currentdd");
    $(this).toggleClass("currentdt").siblings(".suboneNav").removeClass("currentdt");
    $(this).next("ul").slideToggle(300).siblings("ul").slideUp(500);
})


Tag: 菜單
主站蜘蛛池模板: 成在线人免费视频一区二区三区 | 成 人 黄 色 大 片 | 国产精品视频一区二区三区不卡 | 中文字幕亚洲一区二区va在线 | 中文字幕乱视频 | 特黄特级高清免费视频毛片 | 欧美精品hdvdeosex4k| 无遮羞成人的动漫在线观看 | 特黄视频| 波多野结衣久久一区二区 | 久久久9999久久精品小说 | 娇小被黑人爆出水黑人复古 | 免费看欧美一级特黄a大片一 | gogo人体大胆高清专业久久久 | 亚洲欧美日韩中文在线制服 | 日本高清无吗 | 国产亚洲精品日韩综合网 | 成年人天堂 | 波多野结衣中文字幕一区二区三区 | 亚洲毛片在线看 | 欧美久在线观看在线观看 | 精品欧美在线观看 | 波多野结中文字幕在线69视频 | 亚洲日日操 | 中文日韩字幕一区在线观看 | 国产成人精品视频一区 | 一一本大道香蕉大无l吗 | 亚洲精品中文字幕字幕 | 国产精品成人观看视频免费 | 午夜爽爽性刺激一区二区视频 | 成人国产精品一级毛片视频 | 操操日 | 日韩精品一区二区三区中文字幕 | 日产欧产va高清 | 成人精品视频在线观看 | 天天干天天做天天射 | 国产成人精品亚洲一区 | bbixx在线| 真人一级毛片免费完整视 | 女性一级全黄生活片在线播放 | 欧美日韩一二三四区 |