javascript - 菜单栏，如 Wordpress 管理菜单

Question

我正在尝试找到一个 javascript 库（如果可以使用 jquery 更好），以便在您登录后或多或少地复制 wordpress 顶部菜单栏的功能。您可以在左侧、右侧或两侧添加图像/链接。

我发现的大多数 javascript 菜单库都没有这个好，其中一些只在一侧或居中添加按钮/链接......

见附图。

谢谢

Answer 1

编辑： Bootstrap开箱即用地提供了这个功能。即使您不需要整个 Bootstrap 框架，也很容易将您需要的内容与其他内容区分开来。

对于快速简单的粘性导航栏（没有更多涉及的附加功能，例如下拉菜单等），您可以使用以下 CSS：

#bar {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:36px;
    background: black;
}

...然后添加您需要的任何内容，例如

<div id=bar>
    <img class=bar-left src=logo.png />
    <div class=bar-right>Login button!</div>
</div>

和CSS：

.bar-left {
    float:left;
}

.bar-right {
    float:right;
}

这工作得很好。至于 jQuery，您可以使用它通过其.append()和.prepend()方法将元素动态添加到导航栏。