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()

<强> updated fiddle

Answer 2

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

See Fiddle

动画jquery onclick绝对位置移动

2 个答案: