javascript - javascript，动画和淡出一起

Question

我需要为图像制作动画并同时将其淡出。图像位于页面的右侧，我需要将其移到左侧并淡出，这样当它到达左侧时它就完全消失了。我尝试将 .fadeOut 和 .animate 结合起来（参见下面的示例），但实际上图像会移动、停止然后淡出。你能帮助我吗？

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

谢谢

score 0 · Accepted Answer

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

代码：

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

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

});

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

score 0 · Accepted Answer

设置opacity为#image0 并尝试以下操作：

$("#link").click(function() { 
$("#image").animate({ 
marginLeft: "-1000px",
opacity: 1
}, 1500); 
});

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

2 回答 2