Javascript 淡入过渡，不淡入空白页

我发现一些代码会在正文中淡出，然后在下一页的正文中淡出，但这有点难看，会增加加载时间

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

JS:（审阅者，请在下次编辑之前检查代码。）

---

不，这在正常导航下是不可能的。要做到这一点，您需要同时从同一页面的两个页面获取内容。这完全改变了您处理页面的方式，因为您需要使用AJAX将不同页面的正文内容加载到单个页面中的元素中，而不是导航到新页面。

Ah我明白了。因此，我必须将每个单独的页面作为一个DIV，并在它们之间淡入淡出。事实上，我通过淡出内容几乎实现了这一点。@Joey:是的，快到一半了，但如果没有新内容，你不能同时淡入新内容。我会考虑使用。可以使页面/内容之间的移动更加容易并提高性能。

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

});