Javascript 两个单独html文件之间的平滑幻灯片转换

有没有可能在两个单独的html文件之间进行平滑的幻灯片转换？ 比如说。 一方面，html是

<a href="secondHtml.html">Link</a>

---

单击此链接后，页面不会重新加载，只需滑动到第二个文件？

您必须通过ajax将第二个HTML文件加载到iFrame或DIV中，然后将其滑动到视图中。您可以使用jQuery来实现这一点，并方便地访问动画

您可能还希望更新页面的URL，因此您可以使用

location.hash

进行更新，而无需重新加载页面。您还可以为jquery检查

observehashchange插件

，以便在用户更改URL时检查哈希更改

您可以查看示例

要让谷歌访问这些页面，你可以在你的网站上添加一个描述页面的链接，你可能还需要设置为谷歌提供关于你网站的有用信息。在这里你可以添加链接，谷歌会得到它。我有一个页面，其中有超过5000个链接被谷歌看到，但是默认情况下它们不在任何页面上

但是如果你想要正常的

函数加载页（第页）{
//将页面加载程序脚本放在这里
}
$（文档）.ready（函数（）{
$（a）。单击（函数（事件）{
event.preventDefault（）；
var page=$（this.attr（'href'）.substr（1）；
加载页（第页）；
});
});

您必须通过ajax将第二个HTML文件加载到iFrame或DIV中，然后将其滑入视图。您可以使用jQuery来实现这一点，并方便地访问动画

您可能还希望更新页面的URL，因此您可以使用

location.hash

进行更新，而无需重新加载页面。您还可以为jquery检查

observehashchange插件

，以便在用户更改URL时检查哈希更改

您可以查看示例

要让谷歌访问这些页面，你可以在你的网站上添加一个描述页面的链接，你可能还需要设置为谷歌提供关于你网站的有用信息。在这里你可以添加链接，谷歌会得到它。我有一个页面，其中有超过5000个链接被谷歌看到，但是默认情况下它们不在任何页面上

但是如果你想要正常的

函数加载页（第页）{
//将页面加载程序脚本放在这里
}
$（文档）.ready（函数（）{
$（a）。单击（函数（事件）{
event.preventDefault（）；
var page=$（this.attr（'href'）.substr（1）；
加载页（第页）；
});
});

您必须通过ajax将第二个HTML文件加载到iFrame或DIV中，然后将其滑入视图。您可以使用jQuery来实现这一点，并方便地访问动画

您可能还希望更新页面的URL，因此您可以使用

location.hash

进行更新，而无需重新加载页面。您还可以为jquery检查

observehashchange插件

，以便在用户更改URL时检查哈希更改

您可以查看示例

要让谷歌访问这些页面，你可以在你的网站上添加一个描述页面的链接，你可能还需要设置为谷歌提供关于你网站的有用信息。在这里你可以添加链接，谷歌会得到它。我有一个页面，其中有超过5000个链接被谷歌看到，但是默认情况下它们不在任何页面上

但是如果你想要正常的

函数加载页（第页）{
//将页面加载程序脚本放在这里
}
$（文档）.ready（函数（）{
$（a）。单击（函数（事件）{
event.preventDefault（）；
var page=$（this.attr（'href'）.substr（1）；
加载页（第页）；
});
});

您必须通过ajax将第二个HTML文件加载到iFrame或DIV中，然后将其滑入视图。您可以使用jQuery来实现这一点，并方便地访问动画

您可能还希望更新页面的URL，因此您可以使用

location.hash

进行更新，而无需重新加载页面。您还可以为jquery检查

observehashchange插件

，以便在用户更改URL时检查哈希更改

您可以查看示例

要让谷歌访问这些页面，你可以在你的网站上添加一个描述页面的链接，你可能还需要设置为谷歌提供关于你网站的有用信息。在这里你可以添加链接，谷歌会得到它。我有一个页面，其中有超过5000个链接被谷歌看到，但是默认情况下它们不在任何页面上

但是如果你想要正常的

函数加载页（第页）{
//将页面加载程序脚本放在这里
}
$（文档）.ready（函数（）{
$（a）。单击（函数（事件）{
event.preventDefault（）；
var page=$（this.attr（'href'）.substr（1）；
加载页（第页）；
});
});

您好，如果我的回答是您问题的解决方案，请接受。谢谢，如果我的回答是你问题的答案，那么请接受。谢谢，如果我的回答是你问题的答案，那么请接受。谢谢，如果我的回答是你问题的答案，那么请接受。谢谢菲尼斯蒂尔，对不起，我没有回答。问题是你的解决方案，然后第二个html是不放在所以。。。谷歌不会看到它。@user3510022:我已经用必要的信息更新了我的帖子。嗨，Fenistil，很抱歉我没有回答erlier。问题是你的解决方案，然后第二个html是不放在所以。。。谷歌不会看到它。@user3510022:我已经用必要的信息更新了我的帖子。嗨，Fenistil，很抱歉我没有回答erlier。问题是你的解决方案，然后第二个html是不放在所以。。。谷歌不会看到它。@user3510022:我已经用必要的信息更新了我的帖子。嗨，Fenistil，很抱歉我没有回答erlier。那么，问题在于你的解决方案

<a href="/page2">Go to page 2</a>
<a href="/page3">Go to page 3</a>
<a href="/page4">Go to page 4</a>
<script>
    function LoadPage(page) {
        //Put your page loader script here        
    }

    $(document).ready(function(){
        $(a).click(function(event){
            event.preventDefault();
            var page = $(this).attr('href').substr(1);
            LoadPage(page);
        });
    });
</script>