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

這聽起來像你想要的幻燈片效果和剪輯效果的組合。

不確定會使用什麼效果。