javascript - 淡入淡出过渡而不淡入空白页

Question

我找到了一些淡出正文的代码，然后淡入下一页的正文，但这有点难看并且增加了加载时间。

是否可以直接淡出到另一页，如淡出旧页面，同时淡入新页面？

JS:(审稿人，请在下次修改前检查代码。)

$(document).ready(function() {

$('body').css('display', 'none');
$('body').fadeIn(500);

$('a').click(function(event) {

    event.preventDefault();
    newLocation = this.href;
    $('body').fadeOut(100, newpage);

});

function newpage() {
    window.location = newLocation;
}

});

Answer 1

不，普通导航是不可能的。为此，您需要同时将来自同一页面中的两个页面的内容。这完全改变了您处理页面的方式，因为您需要使用 AJAX 将不同页面的正文内容加载到单个页面中的元素中，而不是导航到新页面。