滑出动画

Question

我有一个链接，当用户点击链接时，我希望jquery为从链接滑出的框动画。

我使用下面的代码来做到这一点：

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

但这会滑到底部。但是我让它滑向顶部？另外，我如何“反转”侧面（目前，它向右滑动。如何让它向左滑动？）

Answer 1

将项目定位为在屏幕上可见，无论是向上还是向左。为方便起见，您可以使用JQuery UI位置来放置元素。 然后隐藏元素JQuery.hide（）并使用JQuery.show（）将效果参数设置为side。

Answer 2

也改变其立场，

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