Déplacer un objet d'un centre à l'autre avec une animation sur javascript?

Question

C'est une animation flash de base que je veux.Mais je ne veux pas utiliser le flash.

D'abord je veux voir le grand logo sur l'écran d'intro et le déplacer vers le coin gauche comme plus petit avec l'animation.

Quelle est la meilleure pratique pour ce faire.Tout échantillon?

Thx

Answer 1

Vous devez utiliser animate()

here is jsfiddle example to play with, just click

css:

.logo { position:absolute; left:0px; top:0px; } 

jQuery:

$(document).ready(function(){ 
    //when document ready 
    $('.logo').animate({'left':'960px'},1000); //1000 = 1second 


    //click animation 
    $('.logo').click(function(){ 
    $(this).animate({'left':'960px'},1000); // you can set left/top or you can do it with margins 
    }); 

}); 

Answer 2

jquery animate avec toutes les bonnes valeurs pourrait le faire assez facilement.