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

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

 39604  316  查看评论 (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弹性竖导航网页菜单,属于站长常用代码,非常漂亮!
  垂直导航
 27917  215

jQuery旅游网站导航

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

超酷的SVG左侧导航栏特效

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

jQuery垂直四级导航

jQuery垂直下拉多级菜单
  垂直导航
 25305  223

讨论这个项目(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
取消回复