用js实现盒子高度慢慢变换的动画

Question

怎么用js做出以下效果

鼠标经过一个盒子，盒子的高度慢慢增大，在1秒后达到最大，鼠标移出后高度慢慢缩小，经过一秒后恢复原状。

Answer 1

最好附上你们的代码下，给个实例。