程序输入如下：
<div id="menu">
<br/>
<ul>
<li>..</li>
<li>..</li>
<li>..</li>
</ul>
</div>
#menu{
overflow:hidden
height:20px}
#menu:hover {
height:100px}
选择鼠标指针浮动在其上的元素，并设置其样式：
a:hover{
background-color:yellow}
对于HTML 部分：
可以使用任何的 HTML 元素来打开下拉菜单，如：<span>, 或 a <button>元素。使用容器元素 (如： <div>) 来创建下拉菜单的内容，并放在任何你想放的位置上。使用 <div>元素来包裹这些元素，并使用 CSS 来设置下拉内容的样式。
对于CSS 部分：
.dropdown 类使用 position:relative, 这将设置下拉菜单的内容放置在下拉按钮 (使用 position:absolute) 的右下角位置。
这个你要加个钩子 就是你要加多一个层，这个层放在菜单的后边，菜单放到这个层上面，当鼠标进入这个层时，将这个层的高变长就可以了当鼠标移出这个层时，这个层的高度回到默认。类似下面 自己试着琢磨，其实也可以先将ul隐藏 鼠标进入div时显示
<div id="menu">
体育<br/>
<ul>
<li>..</li>
<li>..</li>
<li>..</li>
</ul>
</div>
#menu{
overflow:hidden
height:20px
}
#menu:hover {
height:100px
}
