js实现下拉菜单栏

下面是一个基本的JavaScript实现下拉菜单栏的示例：
HTML代码：
```html
菜单

• 选项1


• 选项2


• 选项3

```
JavaScript代码：
```javascript
function toggleMenu() {
var menu = document.getElementById("menu");
if (menu.style.display === "none") {
menu.style.display = "block";
} else {
menu.style.display = "none";
}
}
```
在上述示例中，首先给按钮添加了一个 `onclick` 事件，当点击按钮时会调用 `toggleMenu()` 函数。该函数首先获取到菜单的元素，然后检查菜单的 `display` 属性。如果菜单当前的显示状态是隐藏（`none`），则将其显示出来（`block`），否则隐藏菜单。