Question

function moveto(step1, step2, step3) {
    var w = $(document).width();
    var h = $(document).height();
    $('#full').animate({
        left: -(step1 * w)}, {
        duration: 1000,
    });
    $('#full').animate({
        top: -(step2 * h)
    }, {
        duration: 1000,
    });       
}

I need this function to animate once then do another animate with different step.

Answer 1

You have to chain the animations using the complete callback :

function move(step1, step2, step3) {
    $('#full').animate({
        left: '+=' + step1,
    }, 1000, function() {
        $(this).animate({
            top: '+=' + step2,
        }, 1000, function() {
            $(this).animate({
                left: '-=' + step3
            }, 1000);
        });
    });   
}

Here’s a demo: http://jsfiddle.net/RHCqQ/