Question

我知道如何使表格单元格消失，但它会在眨眼之间发生。我希望在调用函数时，表格单元格的高度逐渐变小。我是Javascript的新手，非常感谢帮助。

Answer 1

为了制作任何动画，最简单的方法是使用jQuery。 jQuery是一个Javascript函数库，可以让生活变得更轻松。你需要的功能是.animate（）。首先，在页面的<head>部分添加以下代码：

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

设置你的表并给你想要变得更高的行heightchange（它可以是任何东西。我在这个例子中使用它）。然后，将其添加到HTML文档的head部分（在上面添加的行的下方），添加以下代码：

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

然后，像这样创建你的按钮：

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

Answer 2

我不太清楚你是怎么想象只有一个表格单元格的高度变化。但也许你只想实现表格单元内容的出现？

这可以通过css3过渡来完成： transition: color 1000ms linear;

==＆GT; example code

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

2 个答案: