Javascript jquery将div设置为中心动画

html:

---

现在我想把它放在中间，而不是右边512像素。

我假设

#animate

的位置是

绝对的。要使元素在其父元素中居中，只需将其父元素宽度的一半减去其自身宽度的一半添加到
左侧
：

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

我使用JSFIDLE创建了一个文件。
您可以通过这种方式将其置于屏幕中央

Jquery

css


div
{
高度：50px；宽度：50px；背景色：红色；位置：绝对；顶部：0；左侧：0；
}

html


卡塔赫纳
若要居中显示窗口，请使用以下代码：

<div id="container">
    <div id="header">
        <div id="animate">
            cartagena
        </div>
    </div>
</div>  

这将使对话框居中，并同时设置动画，从而产生平滑的居中效果。这是另一个示例，可能会有用。
我正在使用“滚动”来制作效果

希望它能有所帮助或有用：）

到什么的中心#标题、#容器、文档、窗口？@WouterVandenputte它在浏览器刷新时的行为应该相同。。。无论如何，你可以在制作动画之前尝试一下。对不起，我投了反对票，但在我看来，你的答案没有任何用处。已经有三个有效的答案，包括一个JSFIDLE演示。如果您提供代码片段，请确保它们演示了OP所要求的内容。
$("#animate").animate({
    left: $("#animate").parent().width() / 2 - $("#animate").width() / 2
}, 2000);

$(document).ready(function() {
  $("#animate").animate({left: $(window).width() / 2}, 2000);
});

<style type="text/css">
div
{
     height: 50px; width: 50px; background-color: Red;position:absolute; top:0; left:0;
}
</style>

<div id="container">
    <div id="header">
        <div id="animate">
            cartagena
        </div>
    </div>
</div>  

$("#myJQUIDialog").parent().position({
    my: "center",
    at: "center",
    of: window,
    using: function (pos, ext) {
        $(this).animate({ top: pos.top }, 600);
    }
});