超级奇怪问题！！搞了半天也不明白，请帮帮忙

接着上面！！<body topmargin="0">
<table width="100" height="50" align="center">
  <tr>
    <td valign="top">
      <TABLE cellSpacing=0 cellPadding=0 width=136 border=0 class="tbfont">
        <TBODY>
          <TR>
            <TD colSpan=3 bgcolor="#5382EA"><IMG height=3 alt="" src="file:///F|/left-menu/0.gif" 
            width=1 border=0></TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('aaa');" onmouseout="ypSlideOutMenu.hideMenu('aaa');">aaa</TD>
          </TR>
          <TR>
            <TD width="136" height="18" colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('bbb');" onmouseout="ypSlideOutMenu.hideMenu('bbb');">bbb</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('ccc');" onmouseout="ypSlideOutMenu.hideMenu('ccc');">ccc</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('ddd');" onmouseout="ypSlideOutMenu.hideMenu('ddd');">ddd</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('eee');" onmouseout="ypSlideOutMenu.hideMenu('eee');">eee</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('fff');" onmouseout="ypSlideOutMenu.hideMenu('fff');">fff</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('ggg');" onmouseout="ypSlideOutMenu.hideMenu('ggg');">ggg</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('hhh');" onmouseout="ypSlideOutMenu.hideMenu('hhh');">hhh</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('iii');" onmouseout="ypSlideOutMenu.hideMenu('iii');">iii</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('jjj');" onmouseout="ypSlideOutMenu.hideMenu('jjj');" >jjj</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('kkk');" onmouseout="ypSlideOutMenu.hideMenu('kkk');">kkk</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('lll');" onmouseout="ypSlideOutMenu.hideMenu('lll');">lll</TD>
          </TR>
          <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('mmm');" onmouseout="ypSlideOutMenu.hideMenu('mmm');">mmm</TD>
          </TR>
   <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('nnn');" onmouseout="ypSlideOutMenu.hideMenu('nnn');">nnn</TD>
          </TR>
   <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('ooo');" onmouseout="ypSlideOutMenu.hideMenu('ooo');">ooo</TD>
          </TR>
  <TR>
            <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('ppp');" onmouseout="ypSlideOutMenu.hideMenu('ppp');">ppp</TD>
          </TR>
</TBODY>
      </TABLE>
    </td>

解决方案 »

  1.   

    最后接着上面！！！
    <td valign="top">
      <div id="Layer1" style="position:absolute; width:106px; height:231px; z-index:1">
            <DIV id=aaaContainer>
              <DIV class=menu id=aaaContent>
                <TABLE border=0 cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">aaa</A></TD>
                    </TR>
                    <TR>
                      <TD><A class=menu 
                href="#">aaa</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=bbbContainer>
              <DIV class=menu id=bbbContent>
                <TABLE border=0 cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">bbb</A></TD>
                    </TR>
                    <TR>
                      <TD><A class=menu 
                href="#">bbb</A></TD>
                    </TR>
                    <TR>
                      <TD><A class=menu 
                href="#">bbb</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=cccContainer>
              <DIV class=menu id=cccContent>
                <TABLE border=0 cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">ccc</A></TD>
                    </TR>
                    <TR>
                      <TD><A class=menu 
                href="#">ccc</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=dddContainer>
              <DIV class=menu id=dddContent>
                <TABLE border=0 cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu href="#">ddd</A></TD>
                    </TR>
                    <TR>
                      <TD><A class=menu href="#">ddd</A></TD>
                    </TR>
                    <TR>
                      <TD><A class=menu href="#">ddd</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=eeeContainer>
              <DIV class=menu id=eeeContent>
                <TABLE border=0 cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu href="#">eee</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=fffContainer>
              <DIV class=menu id=fffContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">fff</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=gggContainer>
              <DIV class=menu id=gggContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">ggg</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=hhhContainer>
              <DIV class=menu id=hhhContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">hhh</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=iiiContainer>
              <DIV class=menu id=iiiContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">iii</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=jjjContainer>
              <DIV class=menu id=jjjContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">jjj</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=kkkContainer>
              <DIV class=menu id=kkkContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">kkk</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=lllContainer>
              <DIV class=menu id=lllContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">lll</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
            <DIV id=mmmContainer>
              <DIV class=menu id=mmmContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">mmm</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
    <DIV id=nnnContainer>
              <DIV class=menu id=nnnContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">nnn</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
    <DIV id=oooContainer>
              <DIV class=menu id=oooContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">ooo</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
    <DIV id=pppContainer>
              <DIV class=menu id=pppContent>
                <TABLE cellSpacing=0 cellPadding=0 border=0>
                  <TBODY>
                    <TR>
                      <TD><A class=menu 
                href="#">ppp</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV>
            </DIV>
    <SCRIPT language=javascript>
    var y = 0;
             var appName = navigator.appName.toLowerCase();
    var is_ie = (appName.indexOf("microsoft")!=-1);
             var agt=navigator.userAgent.toLowerCase();
    var is_mac = (agt.indexOf("mac")!=-1);
    if(is_mac && is_ie) {
    y = 0;
    } else if(is_mac) {
    y = 103;
    }
    var menuItemHeight = -10;
             new ypSlideOutMenu("aaa", "right", -4, y, 120, 30) 
    new ypSlideOutMenu("bbb", "right", -4, -10, 120, 60)
    new ypSlideOutMenu("ccc", "right", -4, -52, 120, 30)
    new ypSlideOutMenu("ddd", "right", -4, -63, 120, 42)
    new ypSlideOutMenu("eee", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("fff", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("ggg", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("hhh", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("iii", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("jjj", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("kkk", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("lll", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("mmm", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("nnn", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("ooo", "right", -4, -87, 120, 18)
    new ypSlideOutMenu("ppp", "right", -4, -87, 120, 18)
    </SCRIPT></div>
        </td>
      </tr>
    </table>
    <SCRIPT language=javascript>if(navigator.appName!='Netscape'&&navigator.
    appVersion.toString().charAt(0)!='3')document.write("<\!--");</SCRIPT>
    </body>
    </html>
      

  2.   

    对不起！！其实代码并不是这么长的，但为了说明问题才迫不得尔把数据添加到这么长！！因为只有添加到一定的数据量才显示出错误！！
    既然辛苦大家，那我缩短一些，贴一个没错误的同样代码吧！请帮帮忙！！问题解决我马上结贴！！
    代码如下：
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档33073012</title>
    <SCRIPT language=javascript>
    ypSlideOutMenu.Registry = []
    ypSlideOutMenu.aniLen = 250
    ypSlideOutMenu.hideDelay = 1000
    ypSlideOutMenu.minCPUResolution = 10
    function ypSlideOutMenu(id, dir, left, top, width, height)
    {
    this.ie  = document.all ? 1 : 0
    this.ns4 = document.layers ? 1 : 0
    this.dom = document.getElementById ? 1 : 0
    if (this.ie || this.ns4 || this.dom) {
    this.id  = id
    this.dir  = dir
    this.orientation = dir == "left" || dir == "right" ? "h" : "v"
    this.dirType  = dir == "right" || dir == "down" ? "-" : "+"
    this.dim  = this.orientation == "h" ? width : height
    this.hideTimer  = false
    this.aniTimer  = false
    this.open  = false
    this.over  = false
    this.startTime  = 0
    this.gRef = "ypSlideOutMenu_"+id
    eval(this.gRef+"=this")
    ypSlideOutMenu.Registry[id] = this
    var d = document
    d.write('<style type="text/css">')
    d.write('#' + this.id + 'Container { visibility:hidden; ')
    d.write('left:' + left + 'px; ')
    d.write('top:' + top + 'px; ')
    d.write('overflow:hidden; }')
    d.write('#' + this.id + 'Container, #' + this.id + 'Content { position:relative; ')
    d.write('width:' + width + 'px; ')
    d.write('height:' + height + 'px; ')
    d.write('clip:rect(0 ' + width + ' ' + height + ' 0); ')
    d.write('}')
    d.write('</style>')
    this.load()
    }
    }
    ypSlideOutMenu.prototype.load = function() {
    var d = document
    var lyrId1 = this.id + "Container"
    var lyrId2 = this.id + "Content"
    var obj1 = this.dom ? d.getElementById(lyrId1) : this.ie ? d.all[lyrId1] : d.layers[lyrId1]
    if (obj1) var obj2 = this.ns4 ? obj1.layers[lyrId2] : this.ie ? d.all[lyrId2] : d.getElementById(lyrId2)
    var temp
    if (!obj1 || !obj2) window.setTimeout(this.gRef + ".load()", 100)
    else {
    this.container = obj1
    this.menu = obj2
    this.style = this.ns4 ? this.menu : this.menu.style
    this.homePos = eval("0" + this.dirType + this.dim)
    this.outPos = 0
    this.accelConst = (this.outPos - this.homePos) / ypSlideOutMenu.aniLen / ypSlideOutMenu.aniLen 
    if (this.ns4) this.menu.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
    this.menu.onmouseover = new Function("ypSlideOutMenu.showMenu('" + this.id + "')")
    this.menu.onmouseout = new Function("ypSlideOutMenu.hideMenu('" + this.id + "')")
    this.endSlide()
    }
    }
    ypSlideOutMenu.showMenu = function(id)
    {
    var reg = ypSlideOutMenu.Registry
    var obj = ypSlideOutMenu.Registry[id]
    if (obj.container) {
    obj.over = true
    for (menu in reg) if (id != menu) ypSlideOutMenu.hide(menu)
    if (obj.hideTimer) { reg[id].hideTimer = window.clearTimeout(reg[id].hideTimer) }
    if (!obj.open && !obj.aniTimer) reg[id].startSlide(true)
    }
    }
    ypSlideOutMenu.hideMenu = function(id)
    {
    var obj = ypSlideOutMenu.Registry[id]
    if (obj.container) {
    if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
    obj.hideTimer = window.setTimeout("ypSlideOutMenu.hide('" + id + "')", ypSlideOutMenu.hideDelay);
    }
    }
    ypSlideOutMenu.hide = function(id)
    {
    var obj = ypSlideOutMenu.Registry[id]
    obj.over = false
    if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
    obj.hideTimer = 0
    if (obj.open && !obj.aniTimer) obj.startSlide(false)
    }
    ypSlideOutMenu.prototype.startSlide = function(open) {
    this[open ? "onactivate" : "ondeactivate"]()
    this.open = open
    if (open) this.setVisibility(true)
    this.startTime = (new Date()).getTime()
    this.aniTimer = window.setInterval(this.gRef + ".slide()", ypSlideOutMenu.minCPUResolution)
    }
    ypSlideOutMenu.prototype.slide = function() {
    var elapsed = (new Date()).getTime() - this.startTime
    if (elapsed > ypSlideOutMenu.aniLen) this.endSlide()
    else {
    var d = Math.round(Math.pow(ypSlideOutMenu.aniLen-elapsed, 2) * this.accelConst)
    if (this.open && this.dirType == "-") d = -d
    else if (this.open && this.dirType == "+") d = -d
    else if (!this.open && this.dirType == "-") d = -this.dim + d
    else d = this.dim + d
    this.moveTo(d)
    }
    }
    ypSlideOutMenu.prototype.endSlide = function() {
    this.aniTimer = window.clearTimeout(this.aniTimer)
    this.moveTo(this.open ? this.outPos : this.homePos)
    if (!this.open) this.setVisibility(false)
    if ((this.open && !this.over) || (!this.open && this.over)) {
    this.startSlide(this.over)
    }
    }
    ypSlideOutMenu.prototype.setVisibility = function(bShow) { 
    var s = this.ns4 ? this.container : this.container.style
    s.visibility = bShow ? "visible" : "hidden"
    }
    ypSlideOutMenu.prototype.moveTo = function(p) { 
    this.style[this.orientation == "h" ? "left" : "top"] = this.ns4 ? p : p + "px"
    }
    ypSlideOutMenu.prototype.getPos = function(c) {
    return parseInt(this.style[c])
    }
    ypSlideOutMenu.prototype.onactivate = function() { }
    ypSlideOutMenu.prototype.ondeactivate = function() { }
    new ypSlideOutMenu("aaa", "right", 136, 5, 120, 75) 
    </SCRIPT>
    <link href="../../link/styles.css" rel="stylesheet" type="text/css">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>
    <body topmargin="0">
    <table width="100" height="50" align="center"><tr><td valign="top"><TABLE cellSpacing=0 cellPadding=0 width=136 border=0 class="tbfont"><TBODY><TR>
                <TD colSpan=3 bgcolor="#5382EA"><IMG height=3 alt="" src="file:///F|/left-menu/0.gif" 
                width=1 border=0></TD>
              </TR><TR>
                <TD width=136 height=18 colSpan=3 align="center" bgcolor="#5382EA" onmouseover="ypSlideOutMenu.showMenu('aaa');" onmouseout="ypSlideOutMenu.hideMenu('aaa');">aaa</TD>
              </TR></TBODY>
          </TABLE></td>
        <td valign="top">
      <div id="Layer1" style="position:absolute; width:106px; height:40px; z-index:1">
            <DIV id=aaaContainer><DIV class=menu id=aaaContent><TABLE border=0 cellPadding=0 cellSpacing=0><TBODY><TR>
                      <TD><A class=menu 
                href="#">aaa</A></TD>
                    </TR><TR>
                      <TD><A class=menu 
                href="#">aaa</A></TD>
                    </TR></TBODY></TABLE></DIV></DIV>
      <SCRIPT language=javascript>
    var y = 0;
    var appName = navigator.appName.toLowerCase();
    var is_ie = (appName.indexOf("microsoft")!=-1);
    var agt=navigator.userAgent.toLowerCase();
    var is_mac = (agt.indexOf("mac")!=-1);

    if(is_mac && is_ie) {
    y = 0;
    } else if(is_mac) {
    y = 103;
    }
    var menuItemHeight = -10;
    new ypSlideOutMenu("aaa", "right", -4, y, 120, 30) 
    </SCRIPT></div></td></tr></table>
    <SCRIPT language=javascript>if(navigator.appName!='Netscape'&&navigator.
    appVersion.toString().charAt(0)!='3')document.write("<\!--");</SCRIPT>
    </body>
    </html>
      

  3.   

    我已经缩短了呀！难道没人肯出手相助吗？？
    其实问题也是出现在
    d.write('clip:rect(0 ' + width + ' ' + height + ' 0); ')
    在这个显示样式表的地方，每行表格都调用这个样式表，当表格的行数到了十五行左右就显示出错了！不知道何解！