JavaScript是一種HTML腳本語言，功能非常強大，可以用來創建動態效果、驗證表單、控制頁面布局等等。其中，菜單是JavaScript常用的功能之一，主要用于網站導航或下拉菜單等。下面我們來看一些JavaScript菜單的例子。

首先，我們來看一個簡單的JavaScript菜單示例。這個菜單是一個簡單的下拉式菜單，當鼠標移動到“菜單”上時，下拉框將會出現，鼠標移開時下拉框會自動隱藏。代碼如下：

<div onmouseover="mopen('m1')" onmouseout="mclosetime()">
菜單
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">菜單項1</a>
<a href="#">菜單項2</a>
<a href="#">菜單項3</a>
<a href="#">菜單項4</a>
</div>
</div>
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function mopen(id) {
mcancelclosetime();
if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
function mclose() {
if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
function mclosetime() {
closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime() {
if (closetimer) {
window.clearTimeout(closetimer);
closetimer = null;
}
}
document.onclick = mclose; 
</script>

接下來，我們來看一個更復雜的JavaScript菜單。這個菜單可以展開多層菜單，生成樹形菜單結構，一些常用的特性例如：收縮、持久化狀態、限定項選擇、節點選中效果、雙擊菜單項等功能。代碼如下：

<ul id="tree">
<li id="node-1">
Node 1
<ul>
<li>Item 1.1</li>
<li>Item 1.2</li>
<li>Item 1.3</li>
<li>Item 1.4</li>
<li>Item 1.5</li>
</ul>
</li>
<li id="node-2">
Node 2
<ul>
<li>Item 2.1</li>
<li>Item 2.2</li>
<li>Item 2.3</li>
<li>Item 2.4</li>
<li>Item 2.5</li>
</ul>
</li>
</ul>
<script type="text/javascript">
new Tree('tree', {
persist: true,
childrenHidden: true,
checkbox: true,
// ...
});
</script>

最后，我們來看一些JavaScript菜單庫，這些庫為開發者提供了更豐富的菜單樣式和功能，如：動畫效果、右鍵菜單、響應式布局等。常用的JavaScript菜單庫有：jQuery UI、Bootstrap、MooTools等。例如，下面是一個基于Bootstrap的使用：

<div class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js"></script>

總之，JavaScript菜單在網站開發中發揮了重要的作用，不論是簡單的下拉式菜單，還是復雜的樹形菜單結構，都可以通過JavaScript來實現。此外，JavaScript菜單庫為開發者提供了大量的開發資源，使得開發菜單更加方便和快捷。希望本文能對讀者有所啟發，幫助大家更好地使用JavaScript開發菜單。