JQuery的：動畫相結合CSS和淡入

Question

這是我的腳本：

$("#headerimage").animate({marginLeft:"0"},300); 

我要添加「淡入」，以及同時啓動，並在完全相同的速度。這是如何完成的？

Answer 1

通過動畫的不透明度：

$("#headerimage").animate({ 
    marginLeft: 0, 
    opacity : 1 
}, 300); 

如果它與顯示隱藏的：沒有，首先表現出來：

$("#headerimage").css({ 
    opacity : 0, 
    display : 'block' // or whatever 
}).animate({ 
    marginLeft: 0, 
    opacity : 1 
}, 300); 

Answer 2

$("#headerimage").animate({ 
    marginLeft:"0", 
    opacity: 1 
},300);