jquery - JQuery：结合动画 CSS 和淡入淡出

Question

这是我的脚本：

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

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

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);