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;
}

I would like to move the object from margin-left:666 to 0. Also i would like to fadeout the image when is in’s margin-left property is less than < 333. If that’s possible.

Thanks

Answer 1

Try this:

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

Here is a fiddle to test it:
http://jsfiddle.net/5BZR3/4/