菜鸟喜欢Wordpress管理菜单

Question

我正在尝试找到一个javascript库（更好的是，如果可以使用usiny 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()方法将元素动态添加到导航栏。