Jquery 平滑上移和淡出

我正试图让一个

div

向上移动并在单击特定链接时淡出。我基本上完成了，但似乎有点突然。IE:

div

向上移动，但在

div

淡出结束之前停止向上移动，无论

fadeOut

方法的持续时间如何。我的目标是让它在向上移动时淡出，这样你就永远看不到它到达运动的顶端，所以它看起来就像被刷掉了一样

代码如下：

$（文档）.ready（函数（）{
$（“#bannerText”）。fadeIn（2000年）；
$（“.showSites”）。单击（函数（）{
$（'#bannerText'）。设置动画({
'marginTop'：“-=750px”}）.fadeOut（0）；
});
});

欢迎
我保证，这里很快会有更多的。现在,，
您需要设置css的动画
不透明度：0
和
.animate（）
回调函数

$('#bannerText').animate({'opacity':0,'marginTop': "-=750px"} , 5000 , function(){
     $(this).fadeOut(0);
});


$（文档）.ready（函数（）{
$（“#bannerText”）。fadeIn（2000年）；
$（“.showSites”）。单击（函数（）{
$（'#bannerText'）。动画（{'opacity'：0，'marginTop'：“-=750px”}，7000，函数（）{
$（此）。淡出（0）；
});
});
});
#banner文本{
边缘顶部：100px；
显示：块；
不透明度：1；
}

欢迎
我保证，这里很快会有更多的。现在,，
这很接近，但在顶部的
.animate（）
完成之前，
.fadeOut（）
似乎不会发生/@乔希·霍利斯是的，我明白了。。持有on@JoshHollis答案已更新。。检查您需要使用的演示
不透明度
漂亮！这正是我想要的。我尝试了
不透明度
，但忘了在CSS中设置一个值来启动它。非常感谢@如果您想看到
不透明度
正常工作，请单击“JoshHollis”。。您可以围绕
-=750
和动画时间进行播放。。也许你会得到更好的结果：-）