Question

我在简单的目标网页上工作。我有一个jquery文件，但我真的不知道如何隐藏淡入淡出。我的意思是我只想动画5幅图像而不褪色。你怎么想的问题在哪里？

http://yourjavascript.com/13873144111/jquery.js - jquery

$(document).ready(function() {
        $(".start").click(function() {
            $.when($('.start2').fadeIn(2000)).done(function() {
                $.when($('.start3').fadeIn(2000)).done(function() {
                    $.when($('.start4').fadeIn(2000)).done(function() {
                        $.when($('.start5').fadeIn(3000)).done(function() {
                            $(".start").hide();
                            setTimeout(function()
                            {
                                $(".start").fadeIn(2000);
                                $(".start2, .start3, .start4, .start5").hide();
                            }, 3000);
                        });
                    });
                });
            });
        });
   });

Answer 1

嗯，有些事情你不明白，你实际上正在使用fadeIn动画，所以要隐藏＆＃39;它，就像你问你必须实际上不使用它。如果您希望这些内容不会显示淡入淡出，您可以使用slideDown，自己的.animate创建自定义动画，也可以使用show代替fadeIn。

因此，只需使用slideDown即可。

<script type="text/javascript">
   $(document).ready(function()
   {
        $(".start").click(function()
        {
            $.when($('.start2').slideDown(2000)).done(function() {
                $.when($('.start3').slideDown(2000)).done(function() {
                    $.when($('.start4').slideDown(2000)).done(function() {
                        $.when($('.start5').slideDown(3000)).done(function() {
                            $(".start").hide();
                            setTimeout(function()
                            {
                                $(".start").slideDown(2000);
                                $(".start2, .start3, .start4, .start5").hide();
                            }, 3000);
                        });
                    });
                });
            });
        });

   });


  </script>

也许可以使用slideUp代替hide

如何删除fadeIn？

1 个答案: