JQuery：结合动画CSS和fadeIn

Question

这是我的剧本：

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

我想添加“fadeIn”以同时启动并以完全相同的速度启动。这是怎么做到的？

Answer 1

通过设置不透明度的动画：

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

如果隐藏了display：none，请先显示：

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

Answer 2

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