在網頁開發中，二級菜單是比較常見的菜單形式。而使用JavaScript可以輕松地實現一個美觀且功能豐富的二級菜單。下面我們就來看看如何使用JavaScript做一個二級菜單。
首先，我們需要先寫好HTML結構，例如：

<ul id="nav">
<li>
<a href="#">菜單1</a>
<ul>
<li><a href="#">子菜單1-1</a></li>
<li><a href="#">子菜單1-2</a></li>
<li><a href="#">子菜單1-3</a></li>
</ul>
</li>
<li>
<a href="#">菜單2</a>
<ul>
<li><a href="#">子菜單2-1</a></li>
<li><a href="#">子菜單2-2</a></li>
<li><a href="#">子菜單2-3</a></li>
</ul>
</li>
</ul>

上面的HTML代碼中，我們可以看到有一個id為“nav”的ul元素，其中有兩個li元素，每個li元素中都有一個a元素和一個ul元素，ul元素中包含了若干個li元素，也就是二級菜單的子菜單。
然后，我們使用JavaScript來為菜單添加效果。我們先獲取到菜單元素的引用，然后為每個菜單綁定鼠標進入事件和鼠標離開事件，鼠標進入時顯示子菜單，離開時隱藏子菜單。具體的代碼如下：

var nav = document.getElementById('nav');
var navList = nav.getElementsByTagName('li');
for (var i = 0; i < navList.length; i++) {
(function (i) {
var childList = navList[i].getElementsByTagName('ul').item(0);
if (childList) {
navList[i].onmouseover = function () {
childList.style.display = 'block';
};
navList[i].onmouseout = function () {
childList.style.display = 'none';
};
}
})(i);
}

上面的代碼中，我們使用了一個立即執行函數來為每個菜單綁定事件。首先獲取到所有li元素，然后循環綁定事件，獲取到每個li元素中的子菜單，然后為其綁定鼠標進入事件和離開事件。當鼠標進入時，將子菜單的display屬性設置為block，顯示出來；當鼠標離開時，將display屬性設置為none，隱藏起來。
除了上面的代碼外，我們還可以繼續為二級菜單添加更多的效果，例如為菜單下拉時添加動畫效果、鼠標懸停在子菜單上時改變字體顏色等等。
總之，使用JavaScript制作二級菜單是一個很實用的技能，可以大大提升網頁的用戶體驗和交互性。而上面的示例代碼只是一個基礎，你可以根據自己的需求進行改進和完善。