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

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

 42600  361  查看评论 (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条件锚点导航

自动定位锚点导航
  垂直导航
 30977  276

基于jQuery的垂直菜单特效

网站上常用的到的垂直菜单,基于jQuery的垂直菜单特效
  垂直导航
 34304  292

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

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

jquery淘宝电器左侧分类菜单

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

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