jQuery为行高和字体大小设置动画

Question

我有一个div-panel，它的字体大小为20，行高为100像素，但是我希望它的动画为font-size 15和line-height 50，因此该块保留了字体并降低了高度。这是我试过的。

$("#homepage_panel").animate({
    height: '50px',
    lineHeight: '50px',
    fontSize: '10px'
}, 500, function() {
    $("#login_form").slideDown("fast");
});

但代码只会改变div的高度

Answer 1

确保在CSS中预设起始行高和 font-size 。

#homepage_panel {
    line-height: 10px;
    font-size: 20px;
}​

Here's an example.