Javascript JQuery中带有.hide（）.show（）的淡入淡出效果

我在这里找到了一种很好的方法，可以将博客上的大型帖子拆分为多个页面：

我试图在切换页面时添加淡入淡出效果，但我不知道如何做到这一点，我在jquery方面没有经验

到目前为止，我设法使页面滚动回到顶部，并添加了一些使用时间值的动画，但它看起来不太正确

jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery("html, body").animate({ scrollTop: 0 }, "slow");
jQuery('.content1').show(2000);
jQuery('.content2').hide(1000);
jQuery('.content3').hide(1000);
jQuery('.content4').hide(1000);
jQuery('.content5').hide(1000);

所以基本上我想要的是当前页面淡出，下一页淡入…

使用下面的代码

下面的javascript将在切换页面时在页面上添加淡出淡出效果

<script type="text/javascript">
            $(document).ready(function() {
                $("body").fadeIn(800);
                $("a").not(".no-fade").click(function(event){
                    event.preventDefault();
                    linkLocation = this.href;
                    $("body").fadeOut(400, redirectPage);      
                });
                // Redirects page
                function redirectPage() {
                   window.location = linkLocation;
                }
            });
    </script> 

将上述代码放入Html页面的标记中 添加此代码

jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery("html, body").animate({ scrollTop: 0 }, "slow");
jQuery('.content1').fadeIn(2000);
jQuery('.content2').fadeOut(1000);
jQuery('.content3').fadeOut(1000);
jQuery('.content4').fadeOut(1000);
jQuery('.content5').fadeOut(1000);

---

使用jQuery'.class'.fadeOut；/。法代因；/淡入淡出；你可以参考文档，但问题是：淡入淡出适用于整个网站，我的意思是当我按下下一页按钮时，整个网站会淡入白色。基本上，结果是一个没有任何内容的白色页面。@Fuzzy1-你应该把这段代码放在你的第二页中，我想你不明白我用这个脚本做了什么。基本上我有一个大的帖子，我把它分成了几个小部分，没有再发一篇帖子。这很有效，谢谢。。。我以前试过，但那不管用。。。奇怪，也许我做错了什么，