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 将无效。