与javascript有关

<body bgcolor="#FFFFFF" leftmargin="0"
  background="images/menu_left_back.gif" topmargin="0" marginwidth="0"
 marginheight="0" scroll="no">
     <table width="199" height="169" border="0" align="left"
cellpadding="0" cellspacing="0">
<tr>
<td height="38">

</td>
</tr>
<tr>
<td align="center" valign="top">
<script language="javascript" id="clientEventHandlersJS">

//<!--
var number=2;function LMYC() {
var lbmc;
//var treePic;
    for (i=1;i<=number;i++) {
        lbmc = eval('LM' + i);
        //treePic = eval('treePic'+i);
        //treePic.src = 'images/file.gif';
        lbmc.style.display = 'none';
    }
}
 
function ShowFLT(i) {
    lbmc = eval('LM' + i);
    //treePic = eval('treePic' + i)
    if (lbmc.style.display == 'none') {
        LMYC();
        //treePic.src = 'images/nofile.gif';
        lbmc.style.display = '';
    }
    else {
        //treePic.src = 'images/file.gif';
        lbmc.style.display = 'none';
    }
}
//-->
      </script>
<tr>
<td  style="PADDING-LEFT: 20px" background height="23" >
<!--<img height="9" src="imagesjs/bit05.gif" width="8" align="absMiddle">-->
<a title="修改密码" href="modifyPasswd.jsp" target="WORK">
修改密码</a>
</td>
</tr>
  <tr id="LM1" style="DISPLAY: none">   
</tr>

<tr>
<td style="PADDING-LEFT: 20px" background height="23">
<!--<img height="9" src="imagesjs/bit05.gif" width="8"
align="absMiddle">-->
<a onclick="javascript:ShowFLT(2)" href="javascript:void(null)" >
水果管理</a>
</td>
</tr>
<tr id="LM2" style="DISPLAY: none">
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="23">
<tr>
<td style="PADDING-LEFT: 40px" height="23">
<!--  <img height="7" src="imagesjs/bit06.gif" width="8"
align="absMiddle"> -->
<a title="添加水果" href="insertFruit.jsp" target="WORK">
添加水果</a>
</td>
</tr>
<tr>
<td background height="3"></td>
</tr>

<tr>
<td style="PADDING-LEFT: 40px" height="23">
<!--<img height="7" src="imagesjs/bit06.gif" width="8"
align="absMiddle">-->
<a title="查询/修改/删除" href="queryFruit.jsp" target="WORK">
查询/修改/删除</a>
</td>
</tr>
</table>
</td>
</tr>


</table> </body>
</html>
每次点击水果管理时，列出下面的子菜单 添加水果信息和查询修改删除时，这个水果管理这四个字就是位置往上移动，有什么办法让它的位置固定，点击它时，直接显示下拉菜单。

解决方案 »

  1.   

    整个table高度不够造成的,尝试高度增加
      

  2.   

    跟你说一下原因吧
    id为"LM2"的这一行，你是使用"DISPLAY: none"来设置它的显示与否的。而属性display设置为none时表示不显示而且不在网页中占位置。此时table表格中只有前面几行，又因为表格的宽和高地值固定，所以前面几行就在table中居中显示了。当你把"LM2"这一行的"DISPLAY"属性再次设置为""显示出来时，这一行就和前几行一起分割整个table，整个table的高度和宽度固定，自然前面几行位置就要上移。改动建议：
    可以把"DISPLAY"属性换成"VISIBILITY"试试，参考网址
    http://www.w3school.com.cn/css/pr_class_visibility.asp
    这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间，不过可以完全不可见。
    另一个建议是：不用全都放在一个table里，这样就不涉及上面我上面说的问题了
      

  3.   

    谢谢楼上的这为，我大概明白了，好吧，我试着改改table