jQuery 动画行高和字体大小

Question

我有一个 div 面板，其字体大小为 20，行高为 100 像素，但我想将其设置为字体大小为 15 和行高为 50 的动画，以便该 block 保留字体并降低高度。 . 这是我试过的

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

但是代码只改变了div的高度

Answer 1

确保您在 CSS 中预设了起始行高和字体大小。

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

Here's an example.