Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使表格单元格高度逐渐变化_Javascript_Html Table - Fatal编程技术网

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

Javascript 使表格单元格高度逐渐变化,javascript,html-table,Javascript,Html Table,我知道如何使表格单元格消失,但它发生在眨眼之间。当调用函数时,我希望表格单元格的高度逐渐变小。我对Javascript非常陌生,非常感谢您的帮助 为了制作任何动画,它最容易使用。jQuery是一个Javascript函数库,它使生活变得更加简单。您需要的函数是.animate()。首先,在页面的部分添加这行代码: <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script&

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

为了制作任何动画,它最容易使用。jQuery是一个Javascript函数库,它使生活变得更加简单。您需要的函数是.animate()。首先,在页面的
部分添加这行代码:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
然后,按如下方式创建按钮:

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

我不太清楚您如何想象只有一个表格单元格的高度变化。但也许您只是想实现表格单元格内容的显示

这可以通过css3转换完成:
过渡:颜色1000ms线性


==>

您有我们可以看到的实例吗?您正在使用哪个浏览器?Safari。不过,我还是希望用Javascript来回答这个问题——这仍然是Javascript。jQuery是Javascript的一个扩展,它使许多函数变得更简单。他们的口号是“少写,多做”。有关更多信息,请查看。
<a href="javascript:expandTableRow();">Click here to expand</a>