用js做下拉导航条 当鼠标指上去显示 鼠标移开就隐藏 怎么做 求代码？

首先结构如下：

<style>.nav>li {width:120px;height:40px;display:inline-block;padding:5px 15px;background:#ddd;text-align:center}.nav li ul {display:none}.subnav li {padding:5px}.nav li:hover .subnav {display:block;background: #e8e8e8}
</style>
<ul class="nav">
<li><a href="">一级菜单1</a>
<ul class="subnav">
<li><a href="">2级菜单</a></li>
<li><a href="">2级菜单</a></li>
</ul>
</li>
<li><a href="">一级菜单2</a>
<li><a href="">一级菜单3</a>
</ul>追问

有js代码吗 主要是想要js代码 和html一起的

追答

我给你写的的已经可以实现了啊，你要增加菜单直接增加就行，

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/e7yx7ye7x2fxje272y.html