jquery動畫頁面轉換[重溫]

Question

好吧，所以我一直在尋找關於頁面轉換的其他帖子。但我沒有找到任何我需要的東西。所以我得到了3個菜單項。關於，服務&聯繫。

我需要有3周含量的div（可以有一個類=「內容」），其最初將被隱藏。點擊任何菜單項將爲內容div製作動畫，並將其縱向和橫向放置在頁面的視圖中。

如果在目前可見的任何股利。點擊任何菜單項將隱藏這一個，併爲新動畫添加動畫。

請注意，jquery還需要檢查可見內容的高度（因爲每個div可能包含更多或更少的文本）並居中對齊水平和垂直，多就像我猜想的是什麼模式燈箱。我希望視覺指南能夠描述我需要的東西。我如何使用jQuery來做到這一點？謝謝。

Answer 1

結賬the .animate() API。這裏有一個例子：

$(div).show().animate({ 
    "margin-top": "-16em" 
}, { 
    "duration": 500, 
    "easing": "swing", 
    "complete": function() {}, 
    "step": function (now, fx) {}, 
    "queue": false, 
    "specialEasing": {} 
}); 

和小提琴：http://jsfiddle.net/93HjV/

Answer 2

Jqtouch可能是您需要的有用工具。它主要是爲移動瀏覽器設計的，但由於它在桌面瀏覽器中工作，所以它可能很有用。 www.jqtouch.com

看看這個例子：（向上滑動）http://www.jqtouch.com/preview/demos/main/#animations

然而，垂直中心去的內容，你可能會寫的CSS代碼（不知道）一點點。