日期:2014-05-16  浏览次数:20439 次

急:一个菜单栏下拉框的问题
1.这是我的样式
<style type="text/css">

#PopUp ul{ 
  list-style:none; 
  font-size:12px; 
  text-decoration:none; 
  margin-top:4px;
  } 
#PopUp ul li{
  float:left; 
  margin-right:-1px; 
  padding:-1px; 
  background:none; 
  border:0px solid #ffeecc; 
  margin-top:4px;
  } 
#PopUp ul li a{ 
  line-height:30px; 
  width:106px; 
  display:block; 
  text-align:center; 
  text-decoration:none; 
  background-color:none;
  } 
#PopUp ul li a:hover{ 
  position:relativae;
  background:#FFF;
  background-color:#FFF;
  text-decoration:none;
  font-weight:bold;
  display:block;
  }
 
#PopUp ul li span{ 
  display:none; 
  border:0px solid #cceeff; 
  background-color:#FFF;
  font-size:14px;
  font-family:微软雅黑;
  position:absolute;
  }
#PopUp ul li a:hover span{ 
  display: block; 
  top:40px;
  left:-2px; 
  text-decoration:none;
font-weight:bold;
position:absolute;
/*position:relativae;
padding:10px; */
margin:0px 0 0;

  }


#PopUp ul li dt{ 
  background:none; 
  } 
#PopUp ul li dt a:hover{ 
  /*float:left;*/
  background:#06C;
  margin-top:6px;
  background-color:#06C;
  } 
#PopUp ul li dt a:active 
{
color: #4454AB;
text-decoration:none;
}
</style>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('table1').style.display="block";
}
function mouseOut()
{
document.getElementById('table1').style.display="none";
}
</script>
2.这是我的页面应用的地方
<td colspan="2">
  <li>
  <a href="<%=abpath%>jylc/index.asp" onmouseover="mouseOver()" onmouseout="mouseOut()"><img src="<%=abpath%>images/top_10.gif" width="106" height="40" alt="" border=0>
  <span id="table1"> 
<table><tr><td> 
  <dl> 
  <dt><a href="#">医院简介</a></dt>
  <dt><a href="#">科室简介</a></dt>
  <dt><a href="#">专家简介</a></dt>
  <dt><a href="#">门诊布局</a></dt>
  <dt><a href="#">就医指南</a></dt>
  <dt><a href="#">就医流程</a></dt>
  <dt><a href="#">乘车路线</a></dt>
  </dl> 
  </td></tr></table> 
</span>  
  </a>
  </li>
  </td>
3.大侠不需要评论代码,因为我是帮朋友改。问题是点上面的导航栏然后出现下面的层,但是我一直选不中层。
例如:鼠标放标题一 下面出现联系我们、公司新闻等,但是能出现,就是鼠标点击不上,希望有知道的回复。

------解决方案--------------------

<td colspan="2">
改为
<td colspan=&qu