CODEWITHSUNDEEP
javascriptanimation
Kashif Munir
Kashif Munir

Reputation: 301

how to control jquery animate speed

i am working with jquery for animate a div. i want to control speed on moving. i played lot of with this. but i hope some one can tell me how can i control the speed. here is the code example.

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

    });
});

i want to know how can i control the speed on animation.

Upvotes: 2

Views: 15287

Answers (2)

suraj
suraj

Reputation: 31

The default duration is 400 milliseconds. The strings 'fast' and 'slow' corresponds to 200 and 600 milliseconds, respectively.

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


        });

Upvotes: 3

Fabrizio Calderan
Fabrizio Calderan

Reputation: 123428

just change slow with the time in milliseconds, e.g. for 1,2 seconds just do

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

Upvotes: 6

Related Questions