JQuery重定向动画

Question

我制作了我的网站的移动版本，我有两个页面＆＃34; page1.html＆＃34;和＆＃34; page2.html＆＃34;我做了一个重定向

window.location.href = "/page2.html";

我想做一个动画，第2页从页面顶部慢慢显示，我能做到吗？

Answer 1

如果你不关心地址栏中的url，或者开始使用jQuery Mobile，它可以提供页面之间的平滑过渡，或者执行AJAX请求并将其加载到f.ex.身体标签。

$.ajax({
           type: "POST",
           url: page2.html,
           success: function(data)
           {
            $('body').fadeOut(1000, function(){
            $('body')
                .empty()
                .html(data)
                .fadeIn(1000);
            })
        }
    });

如果URL很重要，请截取所有链接点击，然后在更改页面之前使主体fadeOut然后在每个其他页面中使主体不可见并在页面加载时淡入它 - 它应该具有相同的视觉效果。