javascript - WordPressの管理メニューのようなメニューバー

Question

ログインしたら、ワードプレスのトップメニューバーの機能を多かれ少なかれ複製するために、JavaScriptライブラリ（jqueryを使用して実行できる場合はより良い）を見つけようとしています。左側、右側、または両側に画像/リンクを追加できます。

私が見つけたほとんどの 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;
}

これは十分に機能します。.append()jQueryに関しては、それを使用して、そのおよび.prepend()メソッドを使用してナビゲーションバーに要素を動的に追加できます。