链接到另一个具有过渡的页面

Link to another page with transition

本文关键字：另一个 链接      更新时间：2023-09-26

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

最好的

方法是什么？

淡

出很容易，您只需在用户按提交时淡出所有内容，一旦动画完成，您就可以加载新页面。但是在新页面中淡入淡出是一个问题，您需要加载页面才能执行这样的动画。不过，我可能是错的。

我确实有一个有点笨拙的解决方案给你。您可以使用屏幕填充容器加载每个页面，例如将其背景颜色设置为白色，以便屏幕完全呈现白色。当文档准备就绪时，您只需使用 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时，他根本看不到任何内容。

相关文章：