jQuery动画左边和底部工作,但不是顶部和右边

Question

为什么jQuery动画会将一个框带到右边,然后到底部,然后停在那个位置？我试图让一个盒子通过一个完整的圆圈(或准确的方形),这样盒子就会回到原来的位置.

这是jsfiddle:http://jsfiddle.net/QZWDs/

Answer 1

元素可以有一个top或一个bottom位置,或者一个left或一个right.拥有这四个都没有意义.用它来做你想要的动画:

$(".block").animate({left:"150px"}, "slow")
           .animate({top:"150px"}, "slow")
           .animate({left:0},"slow")
           .animate({top:0}, "slow");

这仅使用top和left位置来动画它.它还利用链接,而不是$(".block")每次调用创建一个新的jQuery对象.