comment faire le « Animer » exécuter le sens opposé en utilisant jquery

Question

ceci est mon code:

$('#map_canvas').animate({width:'69.8%'},300); 

cela courir de gauche à droite,

comment le faire de droite à gauche?

grâce

Answer 1

Pour coulisser vers l'arrière de droite à gauche, faire sa largeur 0 à nouveau:

$('#map_canvas').animate({width:'0'},300); 

Answer 2

Vous pouvez faire quelque chose comme ceci:

$('#map_canvas').each(function() { 
    var newLeft = $(this).width() * .302; 
    $(this).animate({left: newLeft, width:'69.8%'},300); 
}); 

You can give it a try here, je ralentis ce 10x pour mieux voir l'effet. Tout ce que nous faisons, c'est calculer la largeur de l'élément * 30.2% pour voir jusqu'où il doit se déplacer et animer cette propriété en même temps. Tous les éléments doivent être au moins position: relative pour que cela fonctionne.

ci-dessus devrait fonctionner dans tous les cas, mais cette version plus simple fonctionnera dans plus cas ainsi:

$('#map_canvas').animate({left: '30.2%', width:'69.8%'}, 300);