使用jQuery动画marginLeft

Question

我无法想象用jQuery为marginLeft制作动画。每次用户点击链接时我都需要它减去938px，这在我使用.css()时工作正常，但我无法弄清楚如何使其与.animate()一起使用。

$("#full-wrapper #full").animate({
    marginLeft, -=938px
}, 500);

任何人都可以找出为什么这不起作用？这是我的CSS版本：

$("#full-wrapper #full").css("marginLeft","-=938px");

我使用CSS3进行动画制作，但需要在旧版浏览器中使用它。

Answer 1

您的代码中存在语法错误，因为您要将对象中的参数传递给animate()，您应该使用:而非,来分隔每个属性。试试这个：

$("#full-wrapper #full").animate({
    marginLeft: '-=938px'
}, 500);

Example fiddle

Answer 2

用冒号（:)代替逗号（，）。

$("#full-wrapper #full").animate({
    marginLeft: "-=938px"
}, 500);

Answer 3

$("#full-wrapper #full").animate({
    marginLeft: '-=938px'
}, 500);