0

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

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

谢谢

4

2 回答 2

0

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

代码:

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

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

});

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

于 2013-09-23T09:23:02.963 回答
0

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

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

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

于 2013-09-23T09:10:03.657 回答