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

Question

我用下面的JQuery：

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

然而，这将创建一个 “滑” 的效果。意思是，如果我做了一个slidedown，这使得下划线DIV从一个顶部到底部的透露显示它自己。

我想要一个“推”的效果，其中的滑动反而揭示好像div被推到页面上......你第一次看到div的底部。

我该如何用JQuery来做到这一点？

UPDATE：

This isn't a great example，但它确实表明，我试图完成VS“幻灯片”效应的推动作用。

Answer 1

你想jquery ui！检查出来：http://jqueryui.com/demos/effect/#default

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

Answer 2

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

Jquery UI Show Demo

Answer 3

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

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

这将首先设置你的档位已到顶部：0和动画它顶部：用0.5秒的持续时间500。

Answer 4

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

不确定会使用什么效果。