这种特效如何实现？

<html>
<head>
<script type="text/javascript">
function EC(TheTR, img){
  var DataTR = eval("document.all." + TheTR);
  if (DataTR.style.display == "block" || DataTR.style.display == "") {
    DataTR.style.display = "none";
    if(img!=null){
      img.src = "加号图片所在位置";
      img.alt = "展开"
    }
  }
  else  {
    DataTR.style.display = "block";
    if(img!=null){
      img.src = "减号图片所在位置";
      img.alt = "收缩";
    }
  }
}
</script>
</head>
<body>
<table width="190" align="center" cellpadding="0" cellspacing="0">
      <tr>
            <td height="10" colspan="2">            </td>
          </tr>
          <tr class="colHeaderLT" onclick="javascript:EC('Guide',Tree);" style="cursor:hand">
            <td>              &nbsp;
              <img src="标志图片" alt="收缩"/>
              <b>向导</b>
            </td>
            <td width="15">
              <img id="Tree" src="减号图片所在位置" alt="收缩"/>
            </td>
          </tr>
        </table>
        <table class="XPListItem" align="center" width="190" id="Guide" style="display:block">
          <tr>
            <td height="5">新闻 rjwiqruiewqreiwoq urewo qurewoiqru ow           </td>
          </tr>
        </table>
</body>
</html>
点向导收缩,再点展开,加号和减号是两张图片

解决方案 »

  1.   

    如何移动层？这里所说的层是layer还是div？
      

  2.   

    回复：liurui0502(liurui) 如果单击下一条新闻时，上一条新闻的内容隐藏（目前还是显示的）如何实现？也就是说整个新闻列表中只显示一条新闻内容（目前是单击几条新闻就显示几条新闻内容）。
      

  3.   

    我上面写的代码是举了个例子,如果大概符合你的意思,你可以将它扩展,不过方法都是将控件的style.display换来换去,知道一条怎么做了,多条方法是一样的