Javascript 链接到另一个带有转换的页面

我有一个带有表单的页面，当我提交它时，我想将其淡出。当我加载页面时，表单转到我想淡入。所以我实际上想模拟ajax，让页面看起来不重定向

---

最好的方法是什么？

淡出很容易，当用户按“提交”时，您只需淡出所有内容，一旦动画完成，您就可以加载新页面。但是在新页面中淡出是一个问题，您需要加载页面才能执行类似的动画。然而，我可能错了

我确实有一个有点老套的解决方案给你。您可以使用屏幕填充容器加载每个页面，例如将其背景色设置为白色，以便屏幕呈现完全白色。文档准备好后，您只需使用Jquery淡出该容器即可。我相信这应该是你想要的方式

我脑子里想不出来，所以把它作为一个指南，有很多方法可以用css和jquery制作动画

---

重要当用户禁用java时，他将看不到任何东西。

淡出很容易，只需在提交时淡出，并保持其他操作直到完成。淡入可能是个问题，因为页面首先需要加载，直到它可以执行任何Jquery和动画。如果你在容器中动态加载页面，那么你只需等待内容加载完毕，准备好后淡入即可。嗯，好吧，我想最好的方法是使用ajax，而不是通过链接。这肯定会让事情变得更容易。不过，我可能有一个骇人的解决方案：您可以在每个页面上覆盖一个容器，使其加载为空白，当页面准备就绪时，您只需将该容器淡出即可；）。如果我在下一页的正文中使用display:none会怎么样？是的，这也应该可以，默认为display:none，并在准备好显示它时使用它。@SinanSamet有没有运气？

$(document).ready(function()
{
   //Fade out container div
   $("#overlay").animate({
            visibility: hidden;
        });
});

function onSubmit()
{
    e.preventDefault(); //Prevents the form from submitting.

    $("#overlay").animate({
            visibility: visible;
        },
        {
             complete: function()
             {
                 $("#form").submit();
             }
        }
});