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

Question

我使用以下JQuery：

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

但是，这会产生“幻灯片”效果。这意味着，如果我做slidedown，这会使得下划线DIV从上到下揭示它的自我。

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

如何使用JQuery执行此操作？

更新：

This isn't a great example，但它确实显示了我试图完成的推动效果与“幻灯片”效果。

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

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

不确定使用效果会是什么。