2012-04-26 138 views
0

我試圖找到一個JavaScript庫(更好,如果可以做的usiny jquery)複製或多或少WordPress的頂級菜單欄功能,一旦你登錄。您可以在左側,右側或兩側添加圖像/鏈接。Menubar like Wordpress管理菜單

,我已經找到了最JavaScript的菜單庫不一樣好這一個,他們中的一些只添加按鈕/鏈路上的一個側面或中心...

見附件圖像。

感謝

enter image description here

回答

0

編輯: 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()方法。

+0

好吧,爲了方便快捷地實現代碼,但是我們必須要有子菜單才能激活/顯示/隱藏更多選項 – mongeta 2012-04-26 13:56:30

+0

您可能能夠在Bootstrap中找到這樣的功能,即:http:// twitter .github.com/bootstrap/javascript.html#dropdowns – egasimus 2012-04-26 14:08:59

+0

謝謝,我想這是我想要的:-) – mongeta 2012-04-27 07:45:21