Question

有没有办法修改我的代码，以便我可以让我的导航菜单从左到右而不是从上到下并备份？如果没有，那么编写jquery代码以使菜单从左到右依次滑入的干净方法是什么？

jQuery的：

   $(".nav-dropdown-btn").on("click", function() {
    if ($(".nav-menu").css("display") == "none" ) {
        $(".nav-menu").slideDown();
    } else {
        $(".nav-menu").slideUp();
    }
});

Answer 1

没有通用幻灯片左或右动画，所以你必须自己创建它。 Slide right to left?

你也可能想为每个li元素设置white-space:nowrap;，所以你不会得到一个奇怪的动画，随着宽度的缩小它会扩展。

$(".nav-dropdown-btn").on("click", function() {
    $(".nav-menu").animate({width:'toggle'}, 1050);
});

Demo

jQuery Nav Menu从左向右滑动？

1 个答案: