javascript - 如何删除淡入？

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 动画，所以要“隐藏”它，就像你要求的那样，你实际上必须不使用它。如果您希望这些内容不褪色，您可以使用 slideDown ，你自己的.animate创建自定义动画或 show而不是淡入。

因此，要简单地使用 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而不是隐藏