jQuery使用不透明设置动画
我刚刚编写了jquery animate with opacity,它可以很好地处理从左向右移动的动画,不透明度为0.5,但在animate中不能从左向右移动,但在fadein中效果很好 请看一下代码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
$(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);因为在动画中不起作用。