</head>
<body>
<table class="navbar" width="150">
  <tr>
    <td class="menuNormal"  id="td1" width="150" height="12" onClick="expand(this,152,_img1);" onMouseOver="scbg(this, 1);" onMouseOut="scbg(this, 0);"> 
      <p><img src="images/menus/arrow_right.gif" id="_img1">&nbsp;&nbsp;关于SOURCE源创</p> 
      <div class="menuNormal" id="div1">
        <table class="menu" width="150">
          <tr>
            <td class="menuNormal"><a href="../about_source.html" class="menuitem">&nbsp;&nbsp;&nbsp;了解SOURCE源创概况</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="about_1.htm" class="menuitem">&nbsp;&nbsp;&nbsp;企业文化/理念/宗旨</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="about_2.htm" class="menuitem">&nbsp;&nbsp;&nbsp;源创团队能才实力</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="about_3.htm" class="menuitem">&nbsp;&nbsp;&nbsp;优势及客户推荐</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="about_4.htm" class="menuitem">&nbsp;&nbsp;&nbsp;人才招聘信息</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="about_5.htm" class="menuitem">&nbsp;&nbsp;&nbsp;源创视觉</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="about_6.htm" class="menuitem">&nbsp;&nbsp;&nbsp;隐私保护</a></td>
          </tr>
        </table>
      </div>
    </td> 
  </tr>
  <tr>
    <td  class="menuNormal" id="td2" width="150" height="12" onClick="expand(this,151,_img2);" onMouseOver="scbg(this, 1);" onMouseOut="scbg(this, 0);"> 
      <p><img src="images/menus/arrow_right.gif" id="_img2">&nbsp;&nbsp;业务解决方案</p> 
      <div class="menuNormal" width="150" id="div2">
        <table class="menu" width="150">
          <tr>
            <td class="menuNormal"><a href="operation_1.htm" class="menuitem">&nbsp;&nbsp;&nbsp;市场推广/宣传/资料</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="operation_2.htm" class="menuitem">&nbsp;&nbsp;&nbsp;产品包装/内/外包</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="operation_3.htm" class="menuitem">&nbsp;&nbsp;&nbsp;品牌VI建设/管理</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="operation_4.htm" class="menuitem">&nbsp;&nbsp;&nbsp;广告设计/海报/喷绘</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="operation_5.htm" class="menuitem">&nbsp;&nbsp;&nbsp;商业插画/图表</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="../operation_source.html" class="menuitem">&nbsp;&nbsp;&nbsp;终端产品图示</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="operation_6.htm" class="menuitem">&nbsp;&nbsp;&nbsp;量身订制</a></td>
          </tr>
        </table>
      </div>
    </td> 
  </tr>
  <tr>
    <td class="menuNormal" id="td3" width="150" height="12" onClick="expand(this,90,_img3);" onMouseOver="scbg(this, 1);" onMouseOut="scbg(this, 0);">
      <p><img src="images/menus/arrow_right.gif" id="_img3">&nbsp;&nbsp;作品&amp;案例</p> 
      <div class="menuNormal" width="150" id="div3">
        <table class="menu" width="150">
          <tr>
            <td class="menuNormal"><a href="casebook_1.htm" class="menuitem">&nbsp;&nbsp;&nbsp;最新案例/作品</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="../casebook_source.html" class="menuitem">&nbsp;&nbsp;&nbsp;源创作品大全</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="casebook_3.htm" class="menuitem">&nbsp;&nbsp;&nbsp;已提案客户名单</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="casebook_2.htm" class="menuitem">&nbsp;&nbsp;&nbsp;预约/在线订单</a></td>
          </tr>
        </table>
      </div>
    </td> 
  </tr>
  <tr>
    <td class="menuNormal" id="td4" width="150" height="12" onClick="expand(this,146,_img4);" onMouseOver="scbg(this, 1);" onMouseOut="scbg(this, 0);"> 
      <p><img src="images/menus/arrow_right.gif" id="_img4">&nbsp;&nbsp;客服&amp;支持</p> 
      <div class="menuNormal" width="150" id="div4">
        <table class="menu" width="150">
          <tr>
            <td class="menuNormal"><a href="service_1.htm" class="menuitem">&nbsp;&nbsp;&nbsp;单项目/大宗业务/预约</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="service_2.htm" class="menuitem">&nbsp;&nbsp;&nbsp;项目合作流程</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="service_3.htm" class="menuitem">&nbsp;&nbsp;&nbsp;单项报价参考</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="../service_source.html" class="menuitem">&nbsp;&nbsp;&nbsp;资料下载区</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="service_4.htm" class="menuitem">&nbsp;&nbsp;&nbsp;登陆/查询</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="service_5.htm" class="menuitem">&nbsp;&nbsp;&nbsp;投诉&amp;建议</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="service_6.htm" class="menuitem">&nbsp;&nbsp;&nbsp;有疑问</a></td>
          </tr>
        </table>
      </div>
    </td> 
  </tr>
  <tr>
    <td  class="menuNormal" id="td5" width="150" height="12" onClick="expand(this,110,_img5);" onMouseOver="scbg(this, 1);" onMouseOut="scbg(this, 0);"> 
      <p><img src="images/menus/arrow_right.gif" id="_img5">&nbsp;&nbsp;联系我们</p> 
      <div class="menuNormal" width="150" id="div5">
        <table class="menu" width="150">
          <tr>
            <td class="menuNormal"><a href="contact_1.htm" class="menuitem">&nbsp;&nbsp;&nbsp;向SOURCE推销</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="contact_2.htm" class="menuitem">&nbsp;&nbsp;&nbsp;即时沟通/TM/MSN</a></td>
          </tr>
            <tr>
            <td class="menuNormal"><a href="contact_3.htm" class="menuitem">&nbsp;&nbsp;&nbsp;咨询/反馈</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="../contact_source.html" class="menuitem">&nbsp;&nbsp;&nbsp;联系信息</a></td>
          </tr>
  <tr>
            <td class="menuNormal"><a href="contact_4.htm" class="menuitem">&nbsp;&nbsp;&nbsp;位置图</a></td>
          </tr>
        </table>
      </div>
    </td> 
  </tr>
  
</table> 
</body>
</html>

解决方案 »

  1.   

    问题出在你点的那个TD上面
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style>
    BODY
    {font-family: verdana, tahoma, arial, sans-serif;font-size: 10pt;margin: 0px;margin-left:3px;margin-right: 3px;padding: 0px;}
    P
    {padding-top: 12px;margin: 0px;}
    H1
    {font-size: 2;font-weight: bold;padding-top: 15px;margin: 2;}
    table.navbar
    {font-size: 2;margin: 0px;padding: 0px; border: 0px;}
    table.menu
    {font-size: 2;margin: 0px;padding: 0px; }
    td.menuNormal
    {padding: 0px;color: black;vertical-align: top;background-color: #FFFFFF; cursor:pointer}
    td.menuHover
    {padding: 0px;color: black;vertical-align: top;
    /*remove the following line for drop-down menu with images*/
    background-color:#F7F3F7; text-decoration:underline; cursor:pointer}
    div.menuNormal
    {display: none;}
    div.menuHover
    {border: 0px; background-color: white;display: inline;position: absolute;}
    a.menuitem:link
    {text-decoration: none;color: black;background-color: white;display: block;}
    a.menuitem:visited
    {text-decoration: none;color: black;background-color: white;display: block;}
    a.menuitem:hover
    {text-decoration: none;color: black;background-color:#CCCCCC;display: block;}
    a.menuitem:active
    {text-decoration: none;color: black;background-color:#CCCCCC;display: block;}</style>
    <script language="javascript">
    var itemNum;
    openfolder=new Image();
    openfolder.src="images/menus/arrow_down.gif";
    closedfolder=new Image();
    closedfolder.src="images/menus/arrow_right.gif";
    var divStatus;
    var expandHeight = 0;//展开列的高度
    var theTd = new Array(5);
    var theDiv = new Array(5);
    var theDivImg = new Array(5);
    function expand(s,itemHeight,imgId)

      var td = s;
      var d = td.getElementsByTagName("div").item(0);
      var theImg
      theImg = eval(imgId);
      theImg.src = openfolder.src;
      td.className = "menuHover";
      d.className = "menuHover";
      if(expandHeight == s.height){
       td.height = 12;
    td.className = "menuNormal";
    d.className = "menuNormal";
    theImg.src = closedfolder.src;
      }
      else{
       for(var i=0; i<5; i++){
      theTd[i] = document.getElementById("td" + (i+1));
      theDiv[i] = document.getElementById("div" + (i+1));
      theDivImg[i] = document.getElementById("_img" + (i+1));
      var id=s.id
      if(id!=theTd[i].id)//这句是后加的
      {
      if(theTd[i].height == expandHeight){
      
        theTd[i].className = "menuNormal";
        theDiv[i].className = "menuNormal";
        theDivImg[i].src = closedfolder.src;
        theTd[i].height = 12;
      }
      else{
       td.height = itemHeight + 12;
      }  
        }
        }
        expandHeight = td.height;
      }
    }
    function scbg(objRef, state) {
    objRef.style.backgroundColor = (1 == state) ? '#F7F3F7' : '#ffffff';
    return;
    }
    </script>