jQuery设置行高和字体大小的动画效果

Question

我有一个div面板，它的字体大小为20，行高为100 px，但我想将它设置为具有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中。

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

Here's an example.