動畫jQuery onclick絕對位置移動

Question

我正在嘗試為剛制作的“滑行”動畫。 而且由於我是jquery的嬰兒，所以遇到了麻煩。

我以為這可以用，但是沒有用。

$('ul').animate({.css('left', -600)}, "slow");

但顯然那是行不通的

$('#slide-left').click(function(){
    $('ul').css('left', 0);

     return false;
});
$('#slide-right').click(function(){
     $('ul').css('left', -600);

     return false;
});
$('#back-right').click(function(){
    $('ul').css('left', -300);

     return false;
});
$('#back-left').click(function(){
    $('ul').css('left', -300);

     return false;
});

這是一個小提琴http://jsfiddle.net/NePyd/3/

Answer 1

您為動畫設置的語法錯誤，它是.animate( properties [, duration ] [, easing ] [, complete ] ) ：

$('ul').animate({left: -600}, 600);

查看文檔，以更全面地了解.animate（）

更新的小提琴

Answer 2

$('ul').animate({'left':0}, "slow");

見小提琴