Javascript 0) } } 函数start（）{ $（this.css（“不透明度”，1） } $（“#div1”）。设置动画({ 左：“500px” }, { 持续时间：6000，步骤：步骤 }); $（“#div2”）。延迟（4000）。设置动画({ 左：“500_Javascript_Jquery

Javascript 0) } } 函数start（）{ $（this.css（“不透明度”，1） } $（“#div1”）。设置动画({ 左：“500px” }, { 持续时间：6000，步骤：步骤 }); $（“#div2”）。延迟（4000）。设置动画({ 左：“500

javascript jquery

Javascript 0) } } 函数start（）{ $（this.css（“不透明度”，1） } $（“#div1”）。设置动画({ 左：“500px” }, { 持续时间：6000，步骤：步骤 }); $（“#div2”）。延迟（4000）。设置动画({ 左：“500,javascript,jquery,Javascript,Jquery,0) } } 函数start（）{ $（this.css（“不透明度”，1） } $（“#div1”）。设置动画({ 左：“500px” }, { 持续时间：6000，步骤：步骤 }); $（“#div2”）。延迟（4000）。设置动画({ 左：“500px” }, { 持续时间：6000，开始：开始，步骤：步骤 }); $（“#div3”）。延迟（8000）。设置动画({ 左：“500px” }, { 持续时间：6000，开始：开始，步骤：步骤 }); }); 是否要求每个div在动

0) } } 函数start（）{ $（this.css（“不透明度”，1） } $（“#div1”）。设置动画({ 左：“500px” }, { 持续时间：6000，步骤：步骤 }); $（“#div2”）。延迟（4000）。设置动画({ 左：“500px” }, { 持续时间：6000，开始：开始，步骤：步骤 }); $（“#div3”）。延迟（8000）。设置动画({ 左：“500px” }, { 持续时间：6000，开始：开始，步骤：步骤 }); });

是否要求每个

div

在动画的最后2000ms内淡出？是。一个div淡出，另一个div淡入。它可能是1500毫秒或1000毫秒，这只是一个简单的例子来解释我正在努力解决的问题。我想解决的是重叠动画的问题，用Ken Burns效果创建一个交叉淡入淡出的幻灯片。在动画的最后2000毫秒内，是否要求每个

div

淡出？是的。一个div淡出，另一个div淡入。它可能是1500毫秒或1000毫秒，这只是一个简单的例子来解释我正在努力解决的问题。我想解决的是动画重叠的问题，用Ken Burns的效果创建一个交叉淡入淡出的幻灯片。是的，没错。绿色div和红色div应为“display none”，然后随着上一个div的淡出而淡入。这是您的代码唯一没有做的事情，但这是因为我没有为了显示我的示例而将绿色和黄色div的css设置为“displaynone”。谢谢Rejith R Krishnan，你昨天用一个简单的例子回答了我的问题，但是当我试图将这个例子扩展到我今天发布的那个例子时，我遇到了麻烦。@Kobbe ok。我试着概括一下。太棒了！谢谢Rejith R Krishnan，非常感谢。@Kobbe我为它做了一个更广义的函数。希望能有帮助。再次感谢你，瑞吉特·R·克里希南。非常感谢。是的，没错。绿色div和红色div应为“display none”，然后随着上一个div的淡出而淡入。这是您的代码唯一没有做的事情，但这是因为我没有为了显示我的示例而将绿色和黄色div的css设置为“displaynone”。谢谢Rejith R Krishnan，你昨天用一个简单的例子回答了我的问题，但是当我试图将这个例子扩展到我今天发布的那个例子时，我遇到了麻烦。@Kobbe ok。我试着概括一下。太棒了！谢谢Rejith R Krishnan，非常感谢。@Kobbe我为它做了一个更广义的函数。希望能有帮助。再次感谢你，瑞吉特·R·克里希南。非常感谢。你的解决方案也很有效。正如我向Rejith R Krishnan解释的那样，目标是将绿色和黄色div设置为“display:none；在css中，当上一个div淡出时使它们淡入”。@Kobbe“目标是将绿色和黄色div设置为“display:none；在css中，当上一个div淡出时使它们淡入”，您可以使用相同的方法，并在选项中包含

start

功能，以切换

元素开头的不透明度。animate（）
，请参阅更新的帖子非常感谢，我自己无法找到此功能。我不仅有解决问题的办法，而且当我把你的答案和Rejith R Krishnan的答案分开时，我会从中学到很多。你的解决办法也很有效。正如我向Rejith R Krishnan解释的那样，目标是将绿色和黄色div设置为“display:none；在css中，当上一个div淡出时使它们淡入”。@Kobbe“目标是将绿色和黄色div设置为“display:none；在css中，当上一个div淡出时使它们淡入”，您可以使用相同的方法，并在选项中包含start
功能，以切换元素开头的不透明度。animate（），请参阅更新的帖子非常感谢，我自己无法找到此功能。我不仅有这个问题的解决方案，而且当我把它分开的时候，我会从你和Rejith R Krishnan的答案中学到很多。
<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <style>
        div {
            width:50px;
            height:50px;
            position:absolute;
            left:0;
            }
        #div1 {background:red;top:0;}
        #div2 {background:green;top:55px;}
        #div3 {background:yellow;top:110px;}
        </style>
    </head>
    <body>
        <script>
        $(document).ready(function(){
            $("#div1").animate({left: "500px"}, 6000);
            $("#div2").delay(4000).animate({left: "500px"}, 6000);
            $("#div3").delay(8000).animate({left: "500px"}, 6000);
        });
        </script>
        <div id="div1"></div>
        <div id="div2"></div>
        <div id="div3"></div>
    </body>
</html>