Jquery animate（）：存储css键/值对

Question

如果我有类似

的话

$('#element').animate({'top':'-140px'},2000);

是否有可能以某种方式预先定义一堆键/值对，所以我可以只使用

 $('#element').animate(firstPos,2000).animate(secondPos,2000);

提前致谢。

Answer 1

见这个例子：

http://jsfiddle.net/3Fyb8/

var firstPos= {'top':'40px'};
var secondPos= {'top':'80px'};
$('#element').animate(firstPos,2000).animate(secondPos,2000);

Answer 2

简短的回答是肯定的。您可以定义像

这样的对象文字

firstPos = {
  top: '-140px'
};

secondPos = {
  top: '0px'
};

然后将其传递给animate（）调用。但是，您可能不希望链接动画调用，而是在第一个完成后触发第二个动画。所以你想要在第一个回调中执行第二个动画，比如：

$("#element").animate(firstPos, 2000, function() { $(this).animate(secondPos, 2000); })

可能还想阅读stop()