$(this).animate({ top: 200 }，500)；TOP是否为变量？

Question

这对我来说很难解释，所以我只会演示我想要做的事情：

这样就可以正常工作：

$(this).animate({ top: 200 }, 500);

我正在尝试用一个变量替换'top‘值

如下所示：

var x = 'top';    
if (condition) { x = 'left'; }    
$(this).animate({ x: 200 }, 500);

但这是失败的。

Answer 1

你可以试试这个。

var pos = {'top':200};    
if (condition) { pos = {'left':200}; }    
$(this).animate(pos, 500);

Answer 2

您正在传递一个对象-预先定义它，如下所示。其中x可以是任何东西，例如'top‘、'left’等。

obj[x] = 200;

$(this).animate(obj, 500);

Answer 3

Top是一个parameter。您可以传递任何CSS属性。

CSS动画将向其移动的

属性的映射。