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.