如何让一个 div 出现，然后一直向右滑动，然后慢慢淡出？答案

【问题标题】：How do I make a div appear, then slide all the way to the right, then fade out slowly?如何让一个 div 出现，然后一直向右滑动，然后慢慢淡出？
【发布时间】：2011-02-04 23:01:02
【问题描述】：

我将如何在 JQuery 中做到这一点？

【问题讨论】：

你看过 jQuery .animate() 吗？您是否有理由希望我们为您编写代码？
我不知道怎么做排队动画
在.animate()的完整回调函数中调用每个后续动画。例如。 $('.myclass').animate({prop: 0}, function(){$this.animate(...)});

标签： javascript jquery css templates

【解决方案1】：

给你的元素一个position:absolute 并尝试一下，它可能会偏离几个像素（填充和边框）。

var elm = $('#YourElmID');
var maxLeft = $('body').width() - elm.width();
elm.fadeIn();
elm.animate({left: maxLeft}, 2000, function(){
    elm.fadeOut();
});

【讨论】：

【解决方案2】：

“animate()”有一个“完整”选项。你提供一个函数，一旦动画完成，你就想运行它。因此，对于第一个动画（出现），您有一个完整的函数来执行另一个动画（向右滑动）。该动画具有另一个动画（缓慢淡出）作为其完整功能。

这样，每一个都在前一个完成时开始。

问候尼尔

【讨论】：

【解决方案3】：

简而言之：

这是一个可以解决问题的快速镜头。 http://jsfiddle.net/LGBUJ/

你知道jQuerys chaining真的很棒吗？！

【讨论】：