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

Question

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

Answer 1

为您的元素指定一个 position:absolute 并尝试一下，它可能会偏离几个像素（内边距和边框）。

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

Answer 2

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

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

问候
尼尔

Answer 3

简而言之：

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

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

你知道吗 jQuerys 链接真的很棒吗？！