javascript – jquery动画div到中心

HTML：

我想要做的是使用Jquery将“动画”div移动到中心.

我目前的js：

$(document).ready(function() {
      $("#animate").animate({left: "+=512"},2000); 
});

现在我想把它带到中心而不是右边512 px.

最佳答案

我假设#animate的位置是绝对的.要将元素置于其父元素中心,只需将其父元素宽度的一半减去其自身宽度的一半即可：

$("#animate").animate({
    left: $("#animate").parent().width() / 2 - $("#animate").width() / 2
},2000);

我用jsfiddle创建了一个demo.