簡單的javascript下拉菜單

我想使可點擊的圖標（圖片）顯示下拉菜單。我只需要沒有子菜單的簡單菜單，我不想使用像jQuery或MooTools這樣的庫。簡單的javascript下拉菜單

任何人都可以幫助我嗎？

來源

2011-09-09 saric

任何理由你*不*要使用jQuery？會簡單得多。 –

爲什麼你不要問谷歌，在這裏寫 – fsonmezay

我不想使用jQuery，因爲它幾乎是100kB，我不需要它的任何其他原因。由於菜單的原因，包含100kB的庫看起來不是很聰明。 – saric

只需在純HTML中創建菜單，但隱藏它（顯示：無）。當用戶點擊按鈕時，取消隱藏它（設置「display：block」）。你還有什麼要做的就是添加「onmouseout」菜單，使其在用戶離開菜單時消失。

像這樣的事情

<img src="icon.gif" onclick='showMenu()' /> 
<ul id="menu" style="display:none" onmouseout="hideMenu()"> 
    <li>Menu1</li> 
    <li>Menu2</li> 
</ul> 

<script type="text/javascript"> 
function showMenu(){ 
    document.getElementById("menu").style.display="block"; 
} 
function hideMenu(){ 
    document.getElementById("menu").style.display="none"; 
} 
</script>

來源

2011-09-09 14:03:11 naivists

簡單的javascript下拉菜單

回答

相關問題