如何動畫Div從左到當前位置

Question

夥計們我試圖將汽車從左邊移動到DIV的當前位置。

這裏是的jsfiddle

http://jsfiddle.net/JUNBT/5/

代碼

setTimeout(function(){ 

var pos = $('#parentx').offset() - ('.car1').offset() ; 

    $(".car1").animate({left: pos}, 2000); 

}, 1000); 

Answer 1

你有車設置一些默認的位置（只是改變left值CSS），然後檢查左側的.car1 parent的偏移和動畫left到該值。

function moveCar() { 
    var newPos = $(".car1").parent().offset().left; 
    $('.car1').animate({left: newPos + "px"}, 2000); 
} 

見fiddle

Answer 2

嘗試。它將工作:)

div.car1 
{ 

transition:2s; 
-webkit-transition:2s; 
-moz-transition:2s; 
position:absolute; 
right:calc(100% - 100px); 
} 

div.car1:hover 
{ 
right:0px; 
}