手风琴菜单css3原生jsrem适配左侧竖排导航

所属分类:导航-垂直导航

 53993  456  查看评论 (108)
分享到微信朋友圈
X
手风琴菜单css3原生jsrem适配左侧竖排导航 ie兼容9

更新时间:2018/10/10 下午3:28:14

更新说明:1. 之前有朋友提过子导航个数固定的问题,目前已经完善可以增减子导航个数。

                 2. 评论提过的移动端的问题,目前基本兼容移动端。

                 3. 有其他问题的欢迎提出,在下版本会考虑完善哦。


使用方法

引用

<scriptt src="js/adapter.js"></scriptt>    
<link rel="stylesheet" href="css/menu.css">    
<scriptt src="js/menu.js"></scriptt>

adapter.js  是rem适配文件是一定要引用的,要不样式会乱.建议引用在css文件之后,防止样式的跳闪;

其他的里面都有注释的,看看就能用了

相关插件-垂直导航

jquery淘宝电器左侧分类菜单

jquery淘宝电器左侧分类菜单,简单的导航悬停展示
  垂直导航
 40459  382

css3结合jQuery侧边导航酷炫展开效果

鼠标移入侧边栏,二级菜单3D展开 鼠标hover背景变色,鼠标移入二维码图片背景变色
  垂直导航
 59907  560

jQuery nav导航(原创)

基于jquery的导航,可折叠可展开。
  垂直导航
 30920  299

超酷的SVG左侧导航栏特效

超酷的SVG左侧导航栏特效(Cool SVG left navigation bar effects)
  垂直导航
 54138  613

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

    nefu 0
    2019/6/27 14:11:18
    大哥,能发我一份源码吗?非常感谢
    765498548@qq.com 回复
    winterfull 0
    2019/6/24 11:41:49
    求发一份,万分感激。3236817914@qq.com 回复
    哈哈啦 0
    2019/6/13 18:51:38
    感觉挺好,能给我一份么,非常感谢 回复
    凑二哈 0
    2019/6/5 0:24:08
    直接设置根标签的font-size和bootstrap会有样式冲突
        那女孩对我说0
        2019/8/23 10:13:23
        bootstrap好用嘛
    回复
    0
    2019/4/29 16:36:19
    大佬,能发一份给我么,1569861870@qq.com 回复
    齿轮 0
    2019/4/24 18:30:45
    你这个菜单,我用js实现通过jquery动态添加,但是无法展开了。
        zhe0
        2019/5/5 15:22:32
        这个需要优化 ,你看menu.js这个js里面84行左右有绑定事件,改成事件监听绑定就行
    回复
    齿轮 0
    2019/4/24 15:28:00
    如何获取选中状态的二级菜单?
        zhe1
        2019/5/5 15:46:57
        menu.js这个js里面95行左右(子导航点击事件),里面有个循环排他,里面的this就是当前点击的元素
    回复
    网查系统_蔺志旺 0
    2019/3/22 14:19:15
    大神,求一份源码,524794296@qq.com。谢谢! 回复
    天空中飘着的云烟 0
    2019/3/13 17:22:12
    求源码 382426510@qq.com
    回复
    Center 0
    2019/1/21 22:13:42
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复