jquery - 带有加载图像动画的 html 页面之间的平滑过渡

Question

这正是我正在寻找的:http://hoverstud.io。我不是在寻找这样的东西-> http://bit.ly/11jdunO ，其中有太多问题和错误。

有人可以帮我找到教程或一些链接吗？

Answer 1

我不确定你到底想要什么，但你可以使用这样的代码:

$(document).ready(function(){
    // to fade in on page load
    $("body").css("display", "none");
    $("body").fadeIn(400); 
    // to fade out before redirect
    $('a').click(function(e){
        redirect = $(this).attr('href');
        e.preventDefault();
        $('body').fadeOut(400, function(){
            document.location.href = redirect
        });
    });
})

它会使整个页面淡出。如果您只想淡出页面的一部分，请将 body 更改为您想要的任何内容。