如何控制jquery动画速度

时间:2012-06-20 08:22:53

标签: javascript animation

我正在使用jquery为div设置动画。我想控制移动速度。我玩了很多。但我希望有人可以告诉我如何控制速度。这是代码示例。

$(document).ready(function(){
    $('#block').css({'left':'-617px','top':'-300px'});
    $('#Cont').show();
    $('#block').animate({'left':'17px','top':'10px'},'slow',function(){

    });
});

我想知道如何控制动画的速度。

2 个答案:

答案 0 :(得分:5)

只需用时间以毫秒为单位更改slow,例如持续1,2秒只做

$('#block').animate({'left':'17px','top':'10px'},  1200, function() {
...

答案 1 :(得分:1)

默认持续时间为400毫秒。字符串'fast'和'slow'分别对应200和600毫秒。

$('#block').animate({'left':'17px','top':'10px'},'slow',function(){


        });