Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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_Css - Fatal编程技术网

Javascript 同时设置多个元素的动画?

Javascript 同时设置多个元素的动画?,javascript,jquery,css,Javascript,Jquery,Css,我在这里看到另一个帖子说这会起作用,但绝对不行。想知道为什么这些不能同时执行 我只是想让顶部和不透明动画同时发生。这是一把小提琴: 它不在队列中。尝试设置淡入淡出动画的持续时间:1000,而不是2000,这样你就有了你的魔力。wordcar封装了其他四个元素,但你可以看到这四个元素在div之后立即进行动画制作。也许可以尝试取消对div容器的需要。 $(".wordcar").animate({ top:"32px" }, { duration: 2000, queue: f

我在这里看到另一个帖子说这会起作用,但绝对不行。想知道为什么这些不能同时执行

我只是想让顶部和不透明动画同时发生。这是一把小提琴:


它不在队列中。尝试设置淡入淡出动画的持续时间:1000,而不是2000,这样你就有了你的魔力。

wordcar封装了其他四个元素,但你可以看到这四个元素在div之后立即进行动画制作。也许可以尝试取消对div容器的需要。
$(".wordcar").animate({
       top:"32px"
    }, { duration: 2000, queue: false });
    $(".wordcar li.next").animate({
       opacity:"1"
    }, { duration: 2000, queue: false });
    $(".wordcar li.current").animate({
       opacity:"0.2"
    }, { duration: 2000, queue: false });
     $(".wordcar li.ondeck").animate({
       opacity:"0.2"
    }, { duration: 2000, queue: false });
     $(".wordcar li.previous").animate({
       opacity:"0.0"
    }, { duration: 2000, queue: false });