Question

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

eval

点击此链接页面后没有重新加载，只是滑动到第二个文件？

Answer 1

您必须通过ajax将第二个HTML文件加载到iFrame或DIV中，然后将其滑入视图。您可以使用jQuery并轻松访问动画。

您可能还想更新页面的网址，因为您可以使用location.hash执行此操作而无需重新加载页面。您还可以检查observehashchange plugin是否有jquery，以便在用户更改URL时检查哈希更改。

您可以查看示例here。

要让Google访问这些网页，您可以向自己的网站添加sitemap.xml来描述网页，还可能需要设置webmaster tools以向Google提供有关您网站的有用信息。在这里你可以添加链接，Google会得到它。我有一个页面，Google可以看到超过5000个链接，但默认情况下它们不在任何页面上。

但是如果你想在你的页面上有正常的<a>链接，你可以使用一个简单的jQuery来触发动画，而不是去链接。

<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>

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

1 个答案: