dreamweaver如何制作鼠标经过触发点（文字或者图片）显示层，鼠标离开触发点，隐藏层？

如题，像微软这个网站的导航栏http://www.microsoft.com/zh/cn/default.aspx... 如题，像微软这个网站的导航栏http://www.microsoft.com/zh/cn/default.aspx 展开

 我来答

3个回答

#合辑# 面试问优缺点怎么回答最加分？

mickeys2012
推荐于2018-02-25 · 超过11用户采纳过TA的回答

知道答主

回答量：53

采纳率：0%

帮助的人：29.3万

我也去答题访问个人页

关注

展开全部

标签检测器中——行为——显示隐藏
会自动生成 js脚本的
显示层需要定义 id

例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title>
<script type="text/javascript">

</script>
<style>
body {
margin: 0px;
background: #ccc;
}
#Menu {
width: 800px;
height: 25px;
float: left;
background: #eee;
padding: 5px 0 0 20px;
}
#subMenu {
width: 80px;
height: 25px;
line-height: 25px;
float: left;
background: #f9f9f9;
margin: 0 0 0 8px;
text-align: center;
border: 1px #f00 solid;
border-bottom: 0px;
}
#abc, #bac {
width: 150px;
visibility: hidden;
background: #f9f9f9;
position: absolute;
margin: 22px 0 0 -61px;
float: left;
border: 1px #f00 solid;
}
#abc li, #bac li {
width: 150px;
float: left;
text-align: left;
}
</style>
</head>

<body>
<ul id="Menu">
<li id="subMenu" onmouseover="MM_showHideLayers('abc','','show','bac','','hide')">1111
<ul id="abc">
<li>aaaaaaaaa</li>
<li>bbbbbbbbb</li>
<li>ccccccccc</li>
</ul>
</li>
<li id="subMenu" onmouseover="MM_showHideLayers('abc','','hide','bac','','show')">2222
<ul id="bac">
<li>ddddddddd</li>
<li>eeeeeeeee</li>
<li>fffffffff</li>
</ul>
</li>
</ul>
</body>
</html>
随便做了一个，具体样式自己做吧~