Переместить положение абсолютного изображения

Question

$("#plane").animate({
    "opacity"     : 0.8
    "margin-left" : 0
},10000).fadeOut('slow');

<div class="LogoBG">
    <span class="plane" id="plane">
          <img src="<?php echo ROOTPATH ?>img/plane.png" alt="" />
        </span>
</div>


.LogoBG .plane {
    float:right; margin-left:666px;position:absolute;
}

Я хотел бы переместить объект из поля left-left: 666 в 0. Также я хотел бы постепенно уменьшить изображение, когда свойство margin-left меньше <333. Если это возможно. </p>

Спасибо

Answer 1

Что по этому поводу:

$(document).ready(function() {
    $("#plane").animate({'margin-left': 333}, 1000, 'linear')
               .animate({'margin-left': 0, 'opacity':0}, 1000, 'linear');
});

Answer 2

Попробуйте это:

$("#plane").animate(
  {"margin-left": 333},
  5000,
  'linear', 
  function(){
    $(this).animate(
      {"opacity": 0, "margin-left": 0},
      5000,
      'linear'
    );
  }
);

Вот скрипка для проверки:
http://jsfiddle.net/5BZR3/4/