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

我想将对象从margin-left：666移动到0.此外，当我在margin-left属性中小于＆lt;时，我想淡出图像。 333.如果可能的话。

由于

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/

移动位置绝对图像

2 个答案: