JQuery：如何执行“推送”幻灯片，而不是向上滑动？

我使用以下JQuery：

$("#pushSlideDiv").slideDown("fast"); 

但是，这会产生“幻灯片”效果。 意思是，如果我做了一个slidedown ，这使得下划线DIV从顶部到底部显示它的自我。

我想要一个“推”效果，其中slidedown反而显示div正被推到页面上……你首先看到div的底部。

我怎么能用JQuery做到这一点？

更新 ：

这不是一个很好的例子 ，但它确实显示了我试图完成的推动效果与“幻灯片”效果。

Answer 1

您可以使用jQuery的animate（）方法。

 $("div").css({top:0}).animate({top:500},{duration: 50}); 

这将最初将div设置为top：0并将其设置为top：500秒，持续时间为0.5秒。

Answer 2

你想要jquery ui！ 看看： http ： //jqueryui.com/demos/effect/#default

这是一个仔细看看： http ： //docs.jquery.com/UI/Effects/Slide

Answer 3

您可能想在jQuery UI中尝试.show和.hide的幻灯片效果。

Jquery UI Show Demo

Answer 4

听起来你想要幻灯片效果和剪辑效果的组合。

不确定使用会产生什么影响。