jQuery响应式菜单导航栏

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

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

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


相关插件-水平导航

导航布局菜单

开发web端比用布局,不用导航,赶紧戳一下
  水平导航
 41703  452

jQuery三级滑块导航

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

二级导航菜单

黑色加橙色下拉二级导航菜单
  水平导航
 44034  314

jquery鼠标控制背景滑动的网站导航

jquery鼠标控制背景滑动的网站导航,跟随鼠标,可随意设置背景滑块样式,使用方便
  水平导航
 36645  304

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

    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 回复
    京鹿子 0
    2017/6/27 17:18:00

    不放JS源码,搞个加密的,还收币???

        鹿鹿鹿鹿鹿、0
        2017/7/25 15:19:14

        。。

        田阔0
        2018/8/23 15:19:32
        有源码吗?
    回复
取消回复