评论：jQuery后台适用扁平化伸缩导航(原创)  [查看原文]

所属分类：导航-垂直导航,手风琴菜单

 81907  850  113
当前第4页 / 共5页
    birkey0
    2017/12/18 20:51:19
    ggg33330
    2017/12/14 8:45:11

    很好 很强大！~~~

    回复
    用户58031476000
    2017/12/13 15:10:43

    这个可以使用在移动开发吗

        marsxuc0
        2017/12/26 21:13:20

        理论上是可以的~~~

    回复
    P-.HaoHsüan0
    2017/12/8 12:56:26

    请问下，支持三级四级菜单么？谢谢

        小闰土0
        2017/12/8 22:46:32

        个人感觉 能收缩的三四级菜单  光显示出来 就得点好几次  太不方便了.所以没做的

    回复
    jinnian19890
    2017/12/7 20:37:34

    请问点击二级菜单后怎么添加tab呢，用到自己的项目里看不到原来的tab页面了，以下是我的欢迎页面，怎么才能让显示在导航的右侧，谢谢了

    <div id="tabs" class="easyui-tabs" data-options="tabHeight:35" fit="true" border="false">
    <div id="mainTab" title="欢迎使用" style="text-align: center;" fit="false">
        <div style="height:100%;width:100%;background-image:url(../images/welcome1.jpg);background-size:100% 100%"></div>
    </div>
</div>
        小闰土0
        2017/12/7 22:03:24
        tab跟导航在一起?我做的是 flex左右布局  左侧nav 右侧主要内容宽度100%自适应.
        小闰土2
        2017/12/7 22:10:43

        我又看了一遍,你这个应该是布局的问题

        <body>
    <div class="container">
        <div class="nav">
            这里放导航代码
        </div>
        <div class="main">
            这里放网页内容代码(应该是你说的tab)
        </div>
    </div>
</body>

        我用的是左右布局  右边内容也是放在tab里

        下面是框架的css

        .container{
    display: flex;
    width: 100%;
    min-height: 100%;
}
.nav{
    height: auto !important;
    width: 220px;
    min-height: 100%;
}
.main{
    width: 100%;
    min-height: 100%;
    height: auto !important;
}
        jinnian19890
        2017/12/7 23:45:13

        感谢回复，明天早上我仔细看看，谢谢

        jinnian19890
        2017/12/9 14:32:14

        你好，基本功能已经实现，但还有些问题想请教您，一级导航的图标怎么功能换，因为调用的是.icon_1::after{content: "\e62b";}它对应的文件不知道怎么更换

        <a href="javascript:;">
    <i class="my-icon nav-icon icon_1"></i>
    <span>网站配置</span>
    <i class="my-icon nav-more"></i>
</a>
        小闰土1
        2017/12/10 10:31:26

        那个是之前的做法,用的iconfont.  你可以直接引入Awesome 图标库

        <i class="fa fa-bars"></i>
<i class="fa fa-vcard"></i>

        这样就可以了

        之前的my_icon 是我在iconfont自定义的图标库名字.用Awesome 图标库的话 可以给之前 i 里的class 都删掉 CSS 文件里的 .icon_1 等定义也删掉 就行

    回复
    12345670
    2017/12/6 14:46:09
    沧海红心0
    2017/11/27 12:28:30
    谁下载了啊 分享一下呗  回复
    終愛妳壹生0
    2017/11/27 11:01:28

    您好！请问这个可以新增菜单层级吗？目前是只有两级，我这边需要4级最好有5级菜单   我的QQ邮箱是164996227@qq.com   期待回复

    回复
    土豆丝°0
    2017/11/23 20:52:37
    楼主 iconfont 是参考哪个的？有全部代码样式吗？
        小闰土0
        2017/11/24 22:31:22
        这个是阿里iconfont的图标  用的时候可以引入自己的图标库
    回复
    melody?? ??0
    2017/11/19 21:15:02

    我想问  跳转链接加哪里

        小闰土1
        2017/11/19 22:39:58
        <li><a href="/index.html"><span>网站首页</span></a></li>
<li><a href="http://baidu.com"><span>链接百度</span></a></li>

        链接当然是写到href=""里面了

    回复
    hubins0
    2017/11/17 16:24:39
    这个找了很久啊！ 回复
    逆光飞羽0
    2017/11/17 15:17:06

    确定是自己原创的？？而不是借鉴了别人，截取了sidebar部分？

        小闰土0
        2017/11/17 22:21:23
        以前看到这种样式很喜欢 又找不来,就自己做了一个.html结构 css js部分 确实是自己写的.现在我项目里的已经又改了一点.我项目做完 会把nav-top的管理员信息部分   top菜单部分  content内容部分包括一些下拉菜单 开关按钮UI 都一起发出来.
    回复
    莱蒙0
    2017/11/14 11:12:59

    导航顶部的回拉菜单如何实现的

        小闰土0
        2017/11/16 8:22:24
        新增一个 .mini类    来定义导航收缩后的样式当点击顶部按钮     增加或删除 .mini
    回复
    PL阿PL0
    2017/10/28 14:14:04
    我也需要金币
        小闰土0
        2017/10/28 21:38:29

        我也是刚知道  做个东西发上来卖  还是挺好的啊

    回复
    微笑向暖0
    2017/10/26 22:46:55

    这个上面自己加三级导航好加吗

        小闰土0
        2017/10/27 17:14:03

        如果是220px定宽  当然好加 

        因为还要考虑宽度收缩时候的样式和操作的便捷性   所以不建议加的

        如果确实有这个需求的话 

        我抽空再重新单独做一个支持3级的.

        不过时间就不确定了,因为在这里上传完单审核就得快一个星期.

        而且我肯定要卖的更贵~~

    回复

讨论这个项目（113）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复