javascript，animate和fadeout在一起

Question

我需要为图像设置动画并同时淡出图像。 图像位于页面的右侧，我需要将其向左移动并将其淡出，以便当它到达左侧时它完全消失。我试图结合.fadeOut和.animate（见下面的例子），但实际上图像会移动，停止然后淡出。你能救我吗？

<script>
$("#link").click(function() { 
$("#image").animate({ 
marginLeft: "-1000px"
}, 1500).fadeOut(1600); 
}); 
</script>

谢谢

Answer 1

将opacity的{​​{1}}设为0，然后尝试：

#image

您必须检查这是否在IE中正常工作。

Answer 2

更改元素的不透明度。通过将此设置为零，元素将淡出到动画的持续时间。

<强>代码：

$('#link').click(function() { 

  $('#image').animate({ 
    marginLeft: '-100px',
    opacity: 0
  }, 1500); 

});

示例： http://jsfiddle.net/QqfLL/