Question

做网站菜单需要下拉，css样式，怎么添加额外的css样式把菜单做成可下拉形式的。

现在这个菜单就是鼠标放上去有颜色，但是不能下拉，怎么才能做成可下拉形式的。
下面贴点菜单和相关css样式的代码。
主页html的：
<ul class="head_b1">
<li><a title="首页" href="/">首页</a></li>

<li><a title="公司简介" href="/aboutus/">公司简介</a> </li>
<li><a title="新闻中心" href="/news">新闻中心</a> </li>
<li><a title="服务项目" href="/product">服务项目</a> </li>
<li><a title="企业荣誉" href="/honors">企业荣誉</a> </li>
<li><a title="联系我们" href="/contact">联系我们</a> </li>
<li><a title="站点地图" href="/map">站点地图</a> </li>
<li><a title="企业分站" href="/fenzhan">企业分站</a> </li>
</ul>
样式css中的代码：
.head_b1 {
TEXT-ALIGN: left;
MARGIN: 0px auto;
WIDTH: 1003px;
HEIGHT: 47px;
padding-left:2px
}
.head_b1 LI {
WIDTH: 114px;
FLOAT:left;
HEIGHT: 47px;
text-align:center;
line-height:47px;
font-family:微软雅黑;
font-size:14px;
background:url(../images/line2.jpg) no-repeat right center;
}
.head_b1 LI A {
WIDTH: 114px;
DISPLAY: block;
color:#ffffff
}
.head_b1 LI A:hover {
background:url(../images/hover.jpg) no-repeat top;
width:114px;
height:46px;
}

Answer 1

-----------------html--------------------
<li><a title="公司简介" href="/aboutus/">公司简介</a>
<dl>
<dt>下拉菜单1</dt>
<dd>下拉菜单2</dd>
</dl>
</li>
---------------------css------------------------
.head_b1 li dl{display:none;}
.head_b1 li:hover dl {
dispaly:block;
}

dl部分就是下拉的菜单，具体显示什么样子，在什么位置，自己写css吧

追问

您能加我企鹅指导下吗？谢谢~我把源码传给你，我不太会写这个css，本职是做java开发的。。。340000805

追答

我只能帮你到这里了，再往下就写完了

Answer 2

可以用js事件，onmouseout和onmouseover。悬浮时显示下拉

Answer 3

在DW中做 ！