javascript - 动画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;
});

这是一把 fiddle http://jsfiddle.net/NePyd/3/

Answer 1

你的 animate 语法错误，它是 .animate( properties [, duration ] [, easing ] [, complete ] ) :

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

查看文档以更全面地了解 .animate()

updated fiddle