网页怎么做下拉菜单? 我想把第二到第七做成一个下拉菜单。

Question

如题所述

Answer 1

<div class="nav">
<ul>
<li><a href="#">栏目一</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">栏目二</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">栏目三</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">栏目四</a></li>
<li><a href="#">栏目五</a></li>
</ul>
</div>

Answer 2

下拉菜单实现由3种：

纯css，根据节点ID的样式display:block，none。来实现菜单的展示和隐藏；

JS，js可根据鼠标事件mouseover，mouseout事件来隐藏或展示菜单，也可结合CSS来控制，其中jquery菜单就是这样的绑定事件

纯php+css，这种事利用php语言的判断来实现菜单的展示；

一个个的实例我就不写了，你要有心，自可百度搜索“JS下拉菜单”，“jquery菜单”，“php实现菜单功能”，纯css菜单