Javascript .使用多个动画设置队列动画 我试图让一个div从屏幕底部移动到顶部，从不透明度0开始，中间有不透明度1，在顶部再次变为0。 一切都必须从3秒延迟开始 $("#circle") .css({'display':'block'}) .css({'opacity': '0'}) .css({'top':$(window).height()}) .delay(3000) .animate({'opacity':1},{duration:1000},"linear") .animate({'top':$(window).height()/2},{duration:1000, queue:false},"linear") .animate({'opacity':0},{duration:1000},"linear") .animate({'top':0},{duration:1000, queue:false},"linear")

我也尝试过使用“queue:false”，但它仍然不能正常运行，而且这也不是线性的。

---

有什么想法吗？

您应该更好地使用对象符号，例如：

     $("#circle")
                .css({
                      'display':'block',
                      'opacity': '0',
                      'top':$(window).height()
}
)
                .delay(3000)
                .animate({ 
                           'opacity':1 , 
                           'top':$(window).height()/2
                         },
                         {duration:1000},"linear")
                .delay(1000)
                .animate({
                          'opacity':0,
                          'top':0
                         },
                         {duration:1000},"linear");

您可以尝试此操作，或者尝试使用

$（this）

选择器设置多行之间的延迟

---

祝你好运，有一个JSIDLE链接总是有帮助的。

有什么问题吗？您有需求+代码，但毫无疑问，为什么您的默认#圆圈css（显示等）没有设置在css中？谢谢！所以延误是个问题。这并没有产生线性动画的想法，所以我把它改为：.delay（3000）.animate（{'top'：$（window.height（）/2，'opacity'：'1'}，2000，'linear'，function（）{$（This）.animate（{'top'：0，'opacity'：'0'}，2000，'linear'）；}）；