如何讓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

簡而言之：

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

這裏是一個快速射擊它會做的伎倆。 http://jsfiddle.net/LGBUJ/

您知道嗎jQuerys chaining真的很棒？

Answer 3

「animate（）」具有「完整」選項。您提供了一個動畫完成後您想要運行的功能。所以，對於第一個動畫（出現），你有一個完整的功能，做另一個動畫（向右滑動）。該動畫作爲其完整功能的另一個動畫（緩慢淡出）。

通過這種方式，每一個都在前一個完成時開始。

問候 尼爾