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

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

 43302  372  查看评论 (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文件之后,防止样式的跳闪;

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

相关插件-垂直导航

最强大的手机侧栏

html5 css3手机侧栏侧栏,完美兼容移动端开发
  垂直导航
 46148  692

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

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

jQuery旅游网站导航

简单的旅游网站导航,加入了ie6对png的支持
  垂直导航
 25288  295

超酷的SVG左侧导航栏特效

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

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

    nefu 0
    2019/6/27 14:11:18
    winterfull 0
    2019/6/24 11:41:49
    哈哈啦 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
    齿轮 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
    天空中飘着的云烟 0
    2019/3/13 17:22:12
    Center 0
    2019/1/21 22:13:42
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复