jquery - jquery动画使用div的位置移动

Question

我正在将 div 的动画创建为http://tententen.in/

$(document).ready(function(){
    $('#home-top').click(function() {
        $('#top').animate({
            marginTop: '50px'
        },500);
    });
    $('#home-right').click(function() {
        $('#left').animate({
            marginLeft: '-100%'
        },'fast');
        $('#right').animate({
            marginRight: '33%'
        },'fast');
    });
    $('#home-left').click(function() {
        $('#left').css({'position':'relative'}).animate({ left:'33%' },'fast');
        $('#home-container').css({ 'position': 'relative'}).animate({ left:'33%' },'fast');
        $('#right').css({'position':'relative'}).animate({ right:'-33%' },'fast');
    });
});

---

在我的脚本中，这里只有三个 div。我只需要左右动画..我试过但有些事情出错了..

http://jsbin.com/amimih/1/

Answer 1

您可以使用此代码而不是 left

var pos = $(this).position();
"margin-left" : pos.left or etc;
or
left : pos.left or etc;

并使用此代码而不是 marginRight

"margin-right":"30px"

或者您可以在 css 文件中使用 position:relative