jQueryUI横向导航栏

所属分类:导航-水平导航

 52050  419  查看评论 (46)
分享到微信朋友圈
X
jQueryUI横向导航栏 ie兼容8

基于jQueryUI的三级菜单导航栏,横向全屏,蓝色商务风格,简约大方。我们公司正在用这个插件。

每个菜单上方的小图标可以去掉,如果去掉后高度要自己调整。

相关插件-水平导航

jquery鼠标控制背景滑动的网站导航

jquery鼠标控制背景滑动的网站导航,跟随鼠标,可随意设置背景滑块样式,使用方便
  水平导航
 45648  430

二级导航菜单

黑色加橙色下拉二级导航菜单
  水平导航
 60094  460

jquery下拉导航

可以下拉的导航
  水平导航
 69871  480

jQueryUI横向导航栏

基于jQueryUI的三级菜单导航栏,横向全屏,蓝色商务风格,简约大方。我们公司正在用这个插件。
  水平导航
 52051  419

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

    霜序五日 0
    2020/8/21 21:09:06
    图标怎么改呀
        西瓜0
        2020/8/21 22:58:39
        以下为图标,当前使用了google的字体图标,
        <i class="menu-icon menu-icon-1"></i>
        你可以改为其它的。
    回复
    ansyser 0
    2019/12/31 10:19:19
    如果我想主菜单点击后不变色,应该改哪里啊?
        areyouOk1
        2019/12/31 10:28:57

        menu.css中第44行

        a:hover, a:focus {color: #c9376e !important; text-decoration: none;}

        删除就行了

    回复
    ansyser 0
    2019/11/27 16:10:24
    谁知道把这个子菜单高度变小一点怎么改啊?
        西瓜0
        2019/11/27 16:50:21

        修改menu.css中第204行, line-height: 16px;padding: 20px 5px;值就行了

        .menu ul li a {
            display: block;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            background: #398fc7;
            font-size: 13px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            line-height: 16px;
            padding: 20px 5px;
        }
    回复
    ansyser 0
    2019/11/27 11:05:11
    去掉图标后,高度怎么改啊?
    我去掉图标后导航菜单和子菜单之间有个很大的缝隙,这个怎么弄啊?
        西瓜1
        2019/11/27 11:19:10

        修改menu.css下第200行top值,我这调试 把top: 93px;改top: 53px;刚好

        .menu > li:hover > ul, .menu > li.hover > ul {
            top: 93px;
            left: 0;
        }
        ansyser0
        2019/11/27 11:41:59
        我发现我改了CSS里很多数值, 改的很夸张的,运行后都没有什么影响,这是咋回事啊?
        也许是低级错误,小白一个,请大神指点啊
        ansyser0
        2019/11/27 11:56:01
        原来是破IE浏览器的问题,谢谢啊
    回复
    ???の期????照? 0
    2019/5/25 14:40:38
    不错不错
        Be perfect0
        2019/6/28 8:33:03
        对的
    回复
    ???の期????照? 0
    2019/5/25 14:40:36
    不错不错
        霜序五日0
        2020/8/21 21:08:40
        确实
    回复
    我的狗叫旺财 0
    2018/4/9 16:32:57
    这个还是挺好的 回复
    石灰粉 0
    2018/1/16 16:16:28

    求问.hover是什么意思啊

        记忆、0
        2018/5/16 16:15:16
        悬浮啊
    回复
    VansonLeung 0
    2018/1/3 14:06:31
    还真不是 0
    2017/10/18 15:02:28
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复