Как сделать так, чтобы div показывался, затем скользил полностью вправо, а затем медленно исчезал?

Question

Как бы я это сделал в JQuery?

Answer 1

«animate ()» имеет опцию «complete». Вы предоставляете функцию, которую хотите запустить после завершения анимации. Итак, для первой анимации (появиться) у вас есть полная функция, которая выполняет другую анимацию (слайд-вправо). Эта одушевленная имеет в качестве своей полной функции другую одушевленную (медленно исчезает).

Таким образом, каждый начинается, когда предыдущий завершается.

С уважением Neil

Answer 2

Дайте вашему элементу position:absolute и попробуйте, возможно, он находится за пределами нескольких пикселей (отступы и границы).

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

Answer 3

Вкратце:

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

Вот быстрый выстрел, который бы сработал.http://jsfiddle.net/LGBUJ/

Знаете ли вы, что jQuerys цепочка действительно великолепна?!