使表格單元格高度逐漸變化

我知道如何使表格單元格消失，但它發生在眨眼之間。我希望表格單元格的高度在函數被調用時逐漸變小。我對JavaScript很陌生，並會很感激幫助。謝謝！使表格單元格高度逐漸變化

爲了製作任何動畫，最容易使用jQuery。 jQuery是一個Javascript函數庫，它使生活變得更加簡單。你需要的函數是.animate（）。首先，加入這行代碼在你的頁面的<head>部分：

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

設置你的表，給你想要獲得更高的ID heightchange（它可以是任何東西行我使用。這在這個例子中）。然後，將它添加到您的HTML文檔的頭部分（你在上面添加的線之下），添加以下代碼：

<script type="text/javascript> 
    function expandTableRow() { 
     $('#heightchange').animate({ 
      height: '200px' 
     }); 
    } 
</script>

然後，創建你的按鈕是這樣的：

<a href="javascript:expandTableRow();">Click here to expand</a>

2012-10-16 02:19:50

很抱歉，但在所有 –

這個沒有工作你有一個活生生的例子，我們可以看到什麼？你正在使用哪種瀏覽器？ –

Safari。但仍然，我寧願在JavaScript中的答案 –

我不太清楚你如何想象只有一個表格單元在高度上變化。但是，也許你只是想實現表格單元格內容的出現？

這可能與CSS3過渡來實現： transition: color 1000ms linear;

2012-10-16 02:39:50 tsterker

回答