使表格单元格高度逐渐变化

我知道如何使表格单元格消失，但它发生在眨眼之间。我希望表格单元格的高度在函数被调用时逐渐变小。我对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

回答