jQuery动画与不透明度

时间:2013-01-11 18:26:05

标签: jquery jquery-animate slider opacity fadein

我刚用不透明度编写了jquery动画,并且使用不透明度为0.5从右向左移动的动画效果很好,但是在动画中从左到右不起作用但在fadein中工作正常。

请查看代码

$(window).load(function() {

  $('#apDiv1').animate({top:"640px"},3000);

  setTimeout(function(){

      $('#apDiv12').fadeIn(2000).animate({left:"340px"},3000);

      setTimeout(function(){
          $('#apDiv12').animate({left:"30px", opacity: 0},3000);
      }, 6300);

  }, 3300);

});

你可以看到第一个#apDiv12行,它说的是.fadeIn,我想改成动画但是没有工作,我不明白为什么第二个#apDiv12正在使用动画。

我的问题是在

$('#apDiv12').fadeIn(2000).animate({left:"340px"},3000);

我想使用.animate而不是fadeIn但是没有在动画中工作,我想知道为什么!以及如何解决这个问题!

两者几乎相同的代码有什么不同!如何解决它使用animate而不是.fadeIn!

请帮助谢谢。

AM

1 个答案:

答案 0 :(得分:1)

我不确定我是否完全理解你的问题,但你不能只是做这样的事情来使用动画“淡入”元素:

$('#apDiv12').animate({opacity: 1}, 2000).animate({left:"340px"},3000);