滑出動畫

Question

我有一個鏈接，當用戶點擊鏈接時，我想讓jquery動畫從鏈接滑出的框。

我得到了它這樣做，用下面的代碼：

box.animate({width: 500px, height:500px}, "fast"); 

但這滑至底部。但是，我會將它滑向頂部？另外，如何「倒轉」側面（目前，它向右滑動，我怎樣才能讓它向左滑動）？

Answer 1

改變其位置爲好，

$('#box').animate({width: '500px', 
        height:'500px', 
        'left': '-=500px', 
        'top':'-=500px'}, "fast"); 

Answer 2

定位項目，就好像它在屏幕上可見一樣，無論是朝向頂部還是朝左。爲了方便起見，您可以使用JQuery UI位置來放置元素。 然後隱藏元素JQuery.hide（）並使用JQuery.show（）將效果參數設置爲side。