Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.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
Javascript 如何在项目移动时设置项目透明度的动画_Javascript_Jquery - Fatal编程技术网

Javascript 如何在项目移动时设置项目透明度的动画

Javascript 如何在项目移动时设置项目透明度的动画,javascript,jquery,Javascript,Jquery,我正试图有一个美元符号小狗,并向上移动约100像素。美元符号在移动过程中应该先淡入然后淡出。我想不出来。这是我现在正在使用的,在操作之间有一个停顿。我不需要停顿。谢谢 $("#dollar1").animate({ opacity: 1, top: '480px' }, 1000); $("#dollar1").animate({ opacity: 0, top: '440px' }, 100

我正试图有一个美元符号小狗,并向上移动约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将允许动画绕过队列并同时运行。