项目基本搞定，新年即将到来，祝大家新年快乐，恭喜发财。有一问题请大家帮助解决。

控制test的宽度或高度逐渐变化就是了。

解决方案 »

  1.   

    把表格放到div里面。然后控制这个DIV。以前我看过一个。就是这样做的。
      

  2.   

    <%@ Page Language="C#" AutoEventWireup="True" %><html>
    <head>   <script runat="server">      void Button_Click(Object sender, EventArgs e)
          {          Table1.BgColor = BgColorSelect.Value;
             Table1.Border = Convert.ToInt32(BorderSelect.Value);
             Table1.BorderColor = BorderColorSelect.Value;
             Table1.Height = HeightSelect.Value;
             Table1.Width = WidthSelect.Value;      }   </script></head>
    <body>   <form runat="server">      <h3>HtmlTable Example</h3>      <table id="Table1" 
                 Border="1" 
                 BorderColor="black" 
                 runat="server">         <tr>
                <th>
                   Column 1
                </th>
                <th>
                   Column 2
                </th>
                <th>
                   Column 3
                </th>
             </tr>
             <tr>
                <td>
                   Cell 1
                </td>
                <td>
                   Cell 2
                </td>
                <td>
                   Cell 3
                </td>
             </tr>
             <tr>
                <td>
                   Cell 4
                </td>
                <td>
                   Cell 5
                </td>
                <td>
                   Cell 6
                </td>
             </tr>      </table>
          
          <hr>      Select the display settings: <br><br>      BgColor:
          <select id="BgColorSelect" 
                  runat="server">         <option Value="Red">Red</option>
             <option Value="Blue">Blue</option>
             <option Value="Green">Green</option>
             <option Value="Black">Black</option>
             <option Value="White" Selected="True">White</option>
            
          </select>      &nbsp;&nbsp;      Border:
          <select id="BorderSelect" 
                  runat="server">         <option Value="0">0</option>
             <option Value="1" Selected="True">1</option>
             <option Value="2">2</option>
             <option Value="3">3</option>
             <option Value="4">4</option>
             <option Value="5">5</option>      </select>      &nbsp;&nbsp;      BorderColor:
          <select id="BorderColorSelect" 
                  runat="server">         <option Value="Red">Red</option>
             <option Value="Blue">Blue</option>
             <option Value="Green">Green</option>
             <option Value="Black" Selected="True">Black</option>
             <option Value="White">White</option>      </select>      <br><br>      Height:
          <select id="HeightSelect" 
                  runat="server">         <option Value="0">0</option>
             <option Value="100">100</option>
             <option Value="150">150</option>
             <option Value="200">200</option>
             <option Value="250">250</option>      </select>      &nbsp;&nbsp;      Width:
          <select id="WidthSelect" 
                  runat="server">         <option Value="0">0</option>
             <option Value="200">200</option>
             <option Value="250">250</option>
             <option Value="300">300</option>
             <option Value="350">350</option>      </select>
           
          <br><br>
      
          <input type="button" 
                 value="Generate Table"
                 OnServerClick = "Button_Click" 
                 runat="server"/>   </form></body>
    </html>
      

  3.   

    用panel，控制panel的显示和隐藏，table放在panel里面
      

  4.   

    http://aspx.cc/Demo/Auto_Table/Default.htm
      

  5.   

    to ahui_net(阿灰)
    这个方法不错，谢谢！
      

  6.   


    HAPPY~~----------------------------------------------<HTML>
    <script language=javascript>
    function showTable()
    {
    var objLayer = document.all("layer1");
    var dvHeight = parseInt(objLayer.style.height.substr(0,objLayer.style.height.length-2)) ;
    if( dvHeight < 200)
    {
    objLayer.style.height = dvHeight + 10 ;
    window.setTimeout("showTable()",1);
    }
    }
    </script>
    <BODY>
    <input type="button" id="btn1" onclick="javascript:showTable();" style="position:absolute; width:150px; height:20px;left: 100px; top: 50px;" value="显示表格">
    <div id="layer1" style="position:absolute; width:150px; height:1px; z-index:1; overflow: hidden; left: 100px; top: 70px;"> 
      <table width="100%" border="0" cellpadding="1" bgcolor="#999999" id="tb">
        <tr> 
          <td bgcolor="#CCCCCC">clumn00</td>
          <td bgcolor="#CCCCCC">clumn01</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn10</td>
          <td>clumn11</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn20</td>
          <td>clumn21</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn30</td>
          <td>clumn31</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn40</td>
          <td>clumn41</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn50</td>
          <td>clumn51</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn60</td>
          <td>clumn61</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn70</td>
          <td>clumn71</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn80</td>
          <td>clumn81</td>
      </tr>
        <tr bgcolor="#CCCCCC"> 
          <td>clumn90</td>  
          <td>clumn91</td>
      </tr>
    </table>
    </div>
    </BODY>
    </HTML>
      

  7.   

    http://www.obout.com/sm/pro_true_xp.asp?sm=pro_true_xp
      

  8.   

    非常简单的超酷效果
    <HEAD>
    <SCRIPT>
    var startImage ="fruit.gif";
    var endImage="mouse.gif";
    function doTrans() {
    if(imgObj.style.display=="none")
    {
    imgObj.filters[0].apply();
    imgObj.style.display="";
    imgObj.filters[0].play();
    }
    else
    imgObj.style.display='none';
    }
    </SCRIPT>
    </HEAD>
    <BODY><BUTTON onclick="doTrans()">button</BUTTON><br>
    <SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=forward); FONT: 9pt/1.3 verdana; WIDTH: 205px; COLOR: black; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"></span><BR></BODY>
      

  9.   

    to johnsuna(缘来是e)
    这个经典
      

  10.   

    对div元素用这两个样式
    .DivOver
    {
    border-right: black 1px outset;
    border-top: black 1px outset;
    z-index: 2;
    border-left: black 1px outset;
    border-bottom: black 1px outset;
    background-color: #ffffcc;
    color: Red;
    padding-bottom: 2px;
    position: absolute;
    width: 100%;
    }
    .DivOut
    {
    cursor: default;
    position: absolute;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: 14px;
    }
      

  11.   


    <script language="javascript">
    if(screen.width>900)
    {
    td1.height=410;
    }
    else
    {
    td1.height=240;
    }
    </script>]
    收放自如
      

  12.   

    缘来是E这个控件可以来这里下载http://myforum.66ip.com/aspcode.aspx   Coalesys PanelBar for ASP.NET3.0.73   演示 http://myforum.66ip.com/book/book_default.aspx