Jquery动画参数

Question

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate(...);
    });
});

div1 和 div2 都是<div id="content">中的div。

我想点击div1，然后div2的位置将转到：top:0px; left:200px;，相对于<div id="content" style="width:800px;margin:0 auto;">

如何编写动画部分？

Answer 1

您可以使用top和left属性将对象传递给.animate()，如下所示：

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate({ top: 0, left: 200 });
    });
});

确保元素在此处设置relative或absolute位置，无论您选择哪个，否则top和left将无效。