Question

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

最好的方法是什么？

Answer 1

淡出很容易，只需在用户按下提交时淡出所有内容，动画完成后即可加载新页面。但是在新页面中淡入是一个问题，即使你需要加载页面来执行这样的动画。但我可能错了。

我确实有一些针对你的解决方案。您可以使用屏幕填充容器加载每个页面，例如将其背景颜色设置为白色，以使屏幕呈现完全白色。文档准备就绪后，您只需使用Jquery将该容器淡出。这应该按你想要的方式工作。

出于我的想法，只需将其作为指导，有更多方法可以使用css和jquery来制作动画

$(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();
             }
        }
});

重要！当用户禁用java时，他根本看不到任何内容。

链接到具有转换的其他页面

1 个答案: