Dreamweaver 制作下拉菜单 onmouseout的问题 无法点击下拉菜单 高手解决一下啊。

Question

<table width="964" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="36" valign="top" background="images/t_bg3.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="23%" height="35" align="center" ><font color="#FDFDFD">
<div class="FDFDFD_12_b" id="linkweb"></div>
</font>
<script>
setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script></td>
<td width="77%" align="center"> <a href="index.asp" class="bai" >首 页</a>  <img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" /> 
<div id="Layer1" style="position:absolute; width:191px; height:27px; z-index:1; left: 374px; top: 118px; visibility: hidden;" dir="ltr" align="left"><a href="About.asp">公司介绍 </a> <a href="wenhua.asp">企业文化</a>  <a href="team.asp">管理团队</a></div>
<a href="About.asp" class="bai" onMouseUp="MM_showHideLayers('Layer1','','show')" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','hide')" onMouseOut="MM_showHideLayers('Layer1','','hide','Layer2','','hide')" >关于我们</a>  <img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" />  <a href="cpyfw.asp" name="link1" class="bai" id="link1" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','show');MM_showMenu(window.mm_menu_0420134943_0,0,13,null,'link1')" onMouseOut="MM_showHideLayers('Layer1','','hide','Layer2','','hide');MM_startTimeout();"> 产品与服务</a>
<div id="Layer2" style="position:absolute; width:275px; height:28px; z-index:2; left: 450px; top: 119px; visibility: hidden;" dir="ltr" align="left">软件解决方案  软件外包服务  数据中心服务</div>
<img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" />  <a class="bai" href="Center.asp">合作伙伴</a>  <img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" />  <a class="bai" href="cgal.asp">成功案例</a>  <img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" />  <a class="bai" href="Contact.asp">客户服务</a>  <img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" />  <a class="bai" href="Hr.asp">招贤纳士</a>  <img src="images/t_bg_s.jpg" width="2" height="35" align="absmiddle" />  <a class="bai"href="Contact.asp">联系我们</a></td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>

Answer 1

因为你的行为只设置的管理团队，而没有对Layer1 Layer2设置行为就这样追问

可以给解决一下吗？

追答

我现在上班 中午吧
我在帮你弄弄

追问

多谢了。 在线等哦。

追答

你的DW是什么版本的啊
是8.0的不？？
CS3以上的话直接用Spry就可以搞定
如果是8.0的话我有段代码 你自己研究研究...

.menu {
font-family: arial, sans-serif;
width:750px;
margin:0;
margin:50px 0;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7;
line-height:30px;
font-size:11px;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#fff;
background:#b3ab79;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}
.menu ul li:hover ul li a {
display:block;
background:#faeec7;
color:#000;
}
.menu ul li:hover ul li a:hover {
background:#dfc184;
color:#000;
}

百度

百度
wrapping text
styled form
active focus
shadow boxing
image map
fun backgrounds
fade scrolling
em sized images

追问

ok
我先研究试用一下。

追答

怎么样????

追问

你的这段代码也不是下拉的啊，我测试了。

追答

.menu {
font-family: arial, sans-serif;
width:750px;
margin:0;
margin:50px 0;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7;
line-height:30px;
font-size:11px;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#fff;
background:#b3ab79;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}
.menu ul li:hover ul li a {
display:block;
background:#faeec7;
color:#000;
}
.menu ul li:hover ul li a:hover {
background:#dfc184;
color:#000;
}

百度

百度
百度
百度
百度
百度

hao123

hao123
hao123
hao123
hao123

追问

我怎么看不到你的下拉菜单呢

追答

我 这个是纯CSS 不是那个JS+css 的 我那个不用加层的

Answer 2

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?6=e&id=11931