CSS中的下拉菜單？

我正在尋找一種方法來建立一個dropup菜單。基本上，我有一個網站，底部有不同的按鈕，其中一些應該有dropup菜單，以便在mouseover上面有幾個按鈕。CSS中的下拉菜單？

哦，我想有一個解決方案，沒有大型圖書館，甚至可能沒有JavaScript（但這只是因爲它更乾淨，JavaScript解決方案也可以）。

編輯：下面是一些代碼：

HTML：

<div class="toolbarElement" id="toolbarViewUsers"> 
    <img src="images/usericon.png" /> 
    List users 
</div> 
<div class="toolbarElement" id="toolbarSettings"> 
    <img src="images/settings.png" /> 
    Settings 
</div> 
<div class="toolbarElement" id="toolbarLogout"> 
    <img src="images/logout.png" /> 
    Logout 
</div>

CSS：如何看起來

.toolbarElement img { 
display: block; 
} 

.toolbarElement { 
float: left; 
text-align: center; 
margin-left: 3px; 
margin-right: 3px; 
}

這就是：

編輯2：現在我想這一點，但我仍然不知道如何放置toolbarElement以上的子菜單：

CSS：

.toolbarElement { 
float: left; 
text-align: center; 
margin-left: 3px; 
margin-right: 3px; 
position: relative; 
} 

.submenu { 
position: absolute; 
bottom: 0px; 
left: 0px; 
}

HTML：

<div class="toolbarElement" id="toolbarSettings"> 
<img src="images/settings.png" /> 
Settings 
<div class="submenu"> 
    Hallo 
</div> 
</div>

來源

2010-12-01 thejh

如果你不這樣做關心動畫，然後使用一些CSS很容易。我沒有時間詳細說明，所以我將此留作評論，而不是回答:-) – Bojangles 2010-12-01 20:59:22

我們不是來爲你做作業的;給我們一些代碼，我們會給你一些幫助。 – zzzzBov 2010-12-01 21:00:30

下面是我認爲的一個很好的例子：

jQuery multi-tiered drop-up menu

手錶演示here。

BTW只是一個警告演示具有德降幅達在左上角一路下跌，罵我白癡，但我刷新5次之前，我看到了:)

好運

來源

2010-12-01 21:29:50 Trufa

CSS中的下拉菜單？

回答

相關問題