2

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

4

2 回答 2

1

为了使任何东西动画化，使用jQuery是最简单的。jQuery 是一个 Javascript 函数库，它让生活变得更轻松。您需要的函数是 .animate()。首先，在<head>您的页面部分添加这行代码：

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

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

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

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

<a href="javascript:expandTableRow();">Click here to expand</a>
于 2012-10-16T02:19:50.370 回答
0

我不太确定您如何想象只有一个表格单元格的高度发生变化。但也许你只是想实现一个表格单元格内容的出现？

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

==>示例代码

于 2012-10-16T02:39:50.110 回答