Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery使用不透明设置动画_Jquery_Jquery Animate_Slider_Opacity_Fadein - Fatal编程技术网

jQuery使用不透明设置动画

jQuery使用不透明设置动画,jquery,jquery-animate,slider,opacity,fadein,Jquery,Jquery Animate,Slider,Opacity,Fadein,我刚刚编写了jquery animate with opacity,它可以很好地处理从左向右移动的动画,不透明度为0.5,但在animate中不能从左向右移动,但在fadein中效果很好 请看一下代码 $(window).load(function() { $('#apDiv1').animate({top:"640px"},3000); setTimeout(function(){ $('#apDiv12').fadeIn(2000).animate({left:"3

我刚刚编写了jquery animate with opacity,它可以很好地处理从左向右移动的动画,不透明度为0.5,但在animate中不能从左向右移动,但在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);

});
正如你看到的第一行,上面写着:fadeIn,我想换成动画,但不起作用,我不明白为什么第二行apDiv12要用动画

我的问题是

法代因(2000),动画({左:“340px”},3000)

我想用.animate代替fadeIn,但在animate中不起作用,我想知道为什么!如何解决这个问题

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

请帮忙,谢谢


AM

我不确定我是否完全理解您的问题,但您是否可以使用动画来“淡入”元素:

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

我不确定我是否完全理解您的问题,但您是否可以使用动画来“淡入”元素:

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

fadeIn是动画的简写,所以实际上您已经在这两个平台上使用了动画,就在fadeIn的幕后…这看起来好像起作用了:问题可能是不透明度没有设置,所以它正在从
不透明度:1
设置动画到
不透明度:1
。在我的小提琴中,我使用CSS设置它,但是如果你想要更好的浏览器支持,你可以使用jquery使用
fadeTo
或类似的东西来设置它。fadeIn是动画的简写,所以实际上你已经在这两个方面使用了动画,就在fadeIn的幕后…看起来它正在工作:问题可能是没有设置不透明度,因此,它是从
不透明度:1
不透明度:1
的动画。在我的小提琴中,我使用CSS设置它,但是如果你想要更好的浏览器支持,你可以使用jquery使用
fadeTo
或类似的东西来设置它。很抱歉让你困惑,我想说的是,我如何在这行代码上设置动画,而不是使用.fadeIn$(#apDiv12')。fadeIn(2000)。动画({左:“340px”},3000);因为在动画中不起作用。很抱歉搞混了,我想说的是,如何在动画中解决这一问题,而不是使用.fadeIn$(#apDiv12')。fadeIn(2000)。动画({左:“340px”},3000);因为在动画中不起作用。