如何讓「動畫」使用jQuery

Question

反方向跑，這是我的代碼：

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

這將運行由左到右，

如何由右至左做到嗎？

感謝

Answer 1

滑動它從右到左後衛，使其寬度0再次：

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

Answer 2

你可以做這樣的事情：

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

You can give it a try here，我放慢它下降10倍，以更好地看到效果。我們正在做的是計算元素的寬度* 30.2％，看看它應該多大程度地移動並動畫化該屬性。所有的元素需要至少position: relative這個工作。

以上應適用於所有情況，但這種簡單的版本將在最箱子以及工作：

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