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

あなたはいくつかのデフォルトの位置に車を設定する必要がありますが（ちょうどCSSのleft値を変更）してから.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; 
}