創建一個類似於MetaLabs頁面轉換的滑塊？ （使用jQuery）

Question

知道是否有人知道如何實現在滑塊這裏介紹的效果：

http://metalabdesign.com/

我可以排隊圖像和滑動他們在做一個滑塊，但我怎麼會去使用jQuery庫進行擴展/淡入轉換？

謝謝。

Answer 1

使用animate函數來更改元素的大小，位置和不透明度。

$(element).animate({ 
    opacity:0, 
    left: '-=30', 
    top: '-=30', 
    width: 630, 
    height:330 
}, 400);