javascript - 以平滑的方式更改 Textarea 的大小

Question

我想达到这个效果：当用户关注表单中的文本区域时，它会变得更高，模糊时会达到它的原始大小。这是我到目前为止所做的：http: //jsfiddle.net/jRYDw/

我的代码：

$('textarea').focus(function(){
    $(this).css('height','80px');
});

$('textarea').blur(function(){
    $(this).css('height','40px');
});

我想要做的是使textarea以平滑的方式扩展，这可能吗？

score 11 · Accepted Answer

我不得不使用动画功能

$('textarea').focus(function(){
    $(this).animate({height:'80px'});
});

$('textarea').blur(function(){
    $(this).animate({height:'40px'});
});

您可以指定动画的长度、缓动函数以及动画完成时的回调。

.animate（属性[，持续时间] [，缓动] [，完成]）

1 回答 1