jQuery手机站多级下拉菜单导航特效代码下载


jQuery手机站多级下拉菜单导航特效代码下载
jQuery手机站多级下拉菜单导航特效代码下载以及多级下拉、菜单导航等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.min.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/profile.min.js"></script>

3. HTML代码

<div class="profile">
    <div class="profile_right">
        <div class="profile_right_cnt">
            <div class="profile_right_cnt_first"></div>
            <p class="floatnav_a_cur"><a  class="a-anchors">一般信息</a></p>
            <p class="sec"><a class="sec a-anchors">分类</a></p>
            <p class="sec"><a class="sec a-anchors">产品分类</a></p>
            <p class="sec"><a class="sec a-anchors">产品属性与价格</a></p>
            <p class="sec"><a class="sec a-anchors">模板配置</a></p>
            <p><a class="a-anchors">属性</a></p>
            <p><a class="a-anchors">收款</a></p>
            <p><a class="a-anchors">卖家要求</a></p>
            <p><a class="a-anchors">卖货政策</a></p>
            <div class="profile_right_cnt_last"></div>
        </div>
    </div>
    <div class="profile_left">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;一般信息</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;分类</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;产品分类</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;产品属性与价格</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;模板配置</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;属性</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;收款</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;卖家要求</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a class="a-anchors">&nbsp;卖货政策</a></h3>
            </div>
            <div class="panel-body" style="height:300px;">
            </div>
        </div>
    </div>
</div>
<script>
    $('.profile').profile();
</script>

相关推荐

发表评论

相关文章