如何让div显示，然后一直滑到右边，然后慢慢淡出？

Question

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

Answer 1

简而言之：

1. jQuery Show();
2. jQuery Animate();
3. jQuery FadeOut();

这是一个快速的镜头，可以做到这一点。 http://jsfiddle.net/LGBUJ/

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

Answer 2

“animate（）”有一个“完整”选项。您提供了一个动画完成后要运行的功能。因此，对于第一个动画（出现），您有一个完整的功能，可以执行另一个动画（向右滑动）。该动画具有另一个动画的完整功能（缓慢淡出）。

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

此致        尼尔

Answer 3

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

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