jQuery响应式菜单导航栏

所属分类:导航-水平导航

 60073  467  查看评论 (49)
分享到微信朋友圈
X
jQuery响应式菜单导航栏 ie兼容8

调整浏览器窗口大小,自动适应。


相关插件-水平导航

迷你登录注册

一款小型非常nice的登录注册页面
  水平导航
 39822  361

纯css标题菜单

纯css标题菜单隐藏与展开效果
  水平导航
 40552  458

动态导航菜单

jquery导航菜单制作一个类似熔岩灯jquery动画菜单效果,自适应导航菜单显示
  水平导航
 54091  439

jQuery三级滑块导航

实用的三级水平导航,鼠标跟随以及涟漪效果
  水平导航
 30791  350

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

    是领 0
    2022/2/17 16:01:28
    Ronin 0
    2019/11/8 10:55:35
    真的好,非常好,适合学习 回复
    祭酒大人 0
    2017/12/12 16:28:53
    哇哦..很想要js的源码,楼主可以分享咩~~~ 回复
    ╉°Mr..┽L.龙 0
    2017/11/23 15:03:09
    qzuser 0
    2017/10/9 10:50:23

    作者JS代码能分享下吗,加密了怎么看啊

    cduyzh2017/6/5 22:16:13

    虽然JS代码有点看不懂,但是随着你更改html里的代码,比如增加相应的ul和li标签,增加二级或三级的菜单标题,效果会自动生成,很棒!!!

    回复
    天下 0
    2017/9/29 21:05:47
    怪我过分着迷 0
    2017/9/21 17:25:13

    点击看不了js源代码啊

    回复
    泡8喝9搞10尚 0
    2017/9/4 13:56:18
    function mAccordion() {
        $(".venus-menu").find("ul").removeClass("zoom-out");
        $(".venus-menu li:not(.showhide)").each(function() {
            if ($(this).children("ul").length > 0) {
                $(this).children("a").bind("click", function() {
                    if ($(this).siblings("ul").css("display") === 'none') {
                        $(this).siblings("ul").slideDown(300).addClass("slide-left");
                        target = 1;
                    } else {
                        $(this).siblings("ul").slideUp(300).removeClass("slide-left");
                    }
                });
            }
        });
    }
    回复
    泡8喝9搞10尚 0
    2017/9/4 13:51:25

    弄了弄js代码:

    $.fn.maps = function(arg) {
            var _spd = {
                speed: 300
            };
            $.extend(_spd, arg);
            var target = 0;
            $(".venus-menu").find("li").each(function() {
                if ($(this).children("ul").length > 0) {
                    $(this).append("<span class='indicator'>+</span>");
                }
            });
            $(".venus-menu").prepend("<li class='showhide'><span class='title'>Menu</span><span class='icon'><em></em><em></em><em></em><em></em></span></li>");
            menuShow();
            $(window).resize(function() {
                menuShow();
            });
        田阔0
        2018/8/23 15:21:02
        大侠,有全部源码吗?
    回复
    舔舔 0
    2017/8/8 17:00:58
    66666666666666666666666666666666 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复