UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery手机版下拉菜单

所属分类：导航-其他导航

 47671  412  查看评论 (16)
分享到微信朋友圈
X
jQuery手机版下拉菜单 ie兼容10
 查看演示  立即下载

2017-1-11更新：(修复点击切换出现的文字覆盖bug)感谢Hades提供的解决方案

类似大众点评下拉菜单，需在手机模式下查看效果

相关插件-其他导航
查看更多

H5响应式菜单导航

 H5页面自适应，响应式菜单导航
  其他导航
 50076  317

纯CSS3扇形导航

 纯CSS3打造动感漂亮的扇形菜单
  其他导航
 44287  558

jQuery顶部导航固定

 jQuery向下滚动页面顶部导航固定特效，多种展示效果。
  其他导航
 36197  435

圆形的动画导航用CSS和jQuery

 一个实验性的全屏导航、动画使用CSS和jQuery,扩大在一个循环。 支持所有主流浏览器。
  其他导航
 36025  399

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

    莫等闲 0
    2019/6/9 22:07:02
    生活不易 0
    2019/2/16 16:16:21
    点击没有出现二级菜单 回复
    198x 0
    2018/2/23 20:25:07
    大神，还有个问题：字后面的箭头怎么在点击的时候向上？ 回复
    R 。 0
    2017/10/10 9:54:20
    宁金良 0
    2017/8/6 19:08:59

    大神,求完整版啊

    回复
    wggkhnuvjd 1
    2017/7/8 16:20:39

    还有一个bug，就是在重新打开的时候，二级菜单会叠加显示

    if (lilength > 0) {
    $(this).siblings(".select_textul").find("li.focus").siblings("li").find(".select_second_ul").hide();
    // $(this).siblings(".select_textul").find("li.focus>.select_second_ul").show(); 
} else {
    $(".select_first_ul>li>p").css("width", "100%");
}

    这个样子就可以了

    回复
    嗯#*…… 0
    2017/2/28 16:51:24
    谢谢分享  非常感谢 回复
    Hades 0
    2017/1/11 10:01:24

    感谢分享，思路很清晰，帮你纠正了一下

    回复
    Hades 3
    2017/1/11 10:01:51
    $(".select_textdiv").click(function(){
$(this).parent().parent().siblings().find(".select_textul").hide();//加上这句代码就好了
$(".select_textdiv").removeClass("divfocus");
        Hades1
        2017/1/11 10:01:44
        $(this).parent().parent().siblings().find(".select_textul").hide();//隐藏其他选项
    回复
    A召兼zhi 0
    2017/1/3 14:01:51
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复