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

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

 53211  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的垂直菜单特效
  垂直导航
 41500  367

jquery淘宝电器左侧分类菜单

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

jQuery后台左侧菜单导航

jQuery导航菜单 适用于后台网站侧边多级下拉导航菜单
  垂直导航
 115936  759

jQuery仿京东移动web端商品分类两侧滑动效果

jQuery仿京东移动web端商品分类导航滑动效果展示
  垂直导航
 55770  477

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复