Javascript 如何在项目移动时设置项目透明度的动画
我正试图有一个美元符号小狗,并向上移动约100像素。美元符号在移动过程中应该先淡入然后淡出。我想不出来。这是我现在正在使用的,在操作之间有一个停顿。我不需要停顿。谢谢Javascript 如何在项目移动时设置项目透明度的动画,javascript,jquery,Javascript,Jquery,我正试图有一个美元符号小狗,并向上移动约100像素。美元符号在移动过程中应该先淡入然后淡出。我想不出来。这是我现在正在使用的,在操作之间有一个停顿。我不需要停顿。谢谢 $("#dollar1").animate({ opacity: 1, top: '480px' }, 1000); $("#dollar1").animate({ opacity: 0, top: '440px' }, 100
$("#dollar1").animate({
opacity: 1,
top: '480px'
}, 1000);
$("#dollar1").animate({
opacity: 0,
top: '440px'
}, 1000);
根据jQuery网站:
$(“#dollar1”)。设置动画({opacity:1,顶部:'480px'},1000)。设置动画({opacity:0,顶部:'440px'},1000)代码>
这就是你想要的效果:
jQuery:
$("#dollar1").animate({
top: '200px'
}, {
duration: 2000,
queue: false
});
$("#dollar1").animate({
opacity: 0
}, {
duration: 500,
queue: false,
complete: function() {
$("#dollar1").animate({
opacity: 1
}, {
duration: 500,
queue: false,
complete: function() {
$("#dollar1").animate({
opacity: 0
}, {
duration: 500,
queue: false
});
}
});
}
});
这相当于我已经在做的事情。我需要在项目运行时执行淡出。此代码仍然会使项目停止,然后继续。因此,在100px的移动过程中,它需要从0淡入1,然后返回0?$(“#dollar1”)。淡出(1000,'swing',function(){$(This).fadeIn(1000);});这适用于淡出和淡出,但我不确定如何将其与动作结合起来。不过我知道如何用简单的JS实现;)这对我没有任何帮助,我不觉得有什么问题。这里有一个小把戏:(顶部的值会更改,以便查看)。你到底需要什么而这不需要?@j08691问题是。。。美元符号停止,然后继续。我希望它是连续的。是的!这看起来不错,但当我把它放到我的页面上时,一切都完全停止了工作,我的网站有点崩溃。我会尝试一些方法让它工作。实际上我不知道该尝试什么。。。队列:false
到底在做什么?这可能会打乱我的另一个jQuery。不确定。将队列设置为false将允许动画绕过队列并同时运行。