PHP / jQuery页面更改过渡

时间:2010-04-23 16:42:08

标签: php jquery transition

基本上我想在http://timvandamme.com/

复制此处的页面更改效果

但是我没有使用#values而是想使用PHP包含,主要是因为我希望网站尽可能地具有超级友好性......但仍然有这个很好的效果。

有没有办法做到这一点?我有一个主索引文件,使用通常的'GET'方法在中心包含其他php文件,所以我的页面看起来像:"index.php?page=about"

在我的jQuery代码中,我希望有一个声明,如果我单击导航,内容向上滚动,然后一旦相关的PHP文件加载,让内容向下滚动并显示新的页面内容(同时也是导航到地址栏中的新页面,因此如果用户在浏览器中单击后退按钮,则会返回上一页。

我知道如何编码滚动位,它只是字面上的ajax加载包含/页面导航部分我正在努力解决:\

任何帮助都会非常感谢!提前谢谢。

2 个答案:

答案 0 :(得分:1)

在导航中使用标准链接。在onClick函数中,使用event.preventDefault()来阻止页面重定向您的实际用户(但它们仍然显示为搜索引擎的常规链接)。

<a href="/next-page/">Foo</a>
<script>$("a").click(function(event){
    event.preventDefault();
    navigate($(this).attr('href'));
});</script>

使用链接的onClick功能使用AJAX更改页面内容(就像它显示在您链接的网站上一样),但另外设置每个“页面”(使用错误文档,mod_rewrite或其他)来显示其内容,但允许以相同的方式导航。通过这样做,您将拥有与您希望的搜索友好性相同的功能。

答案 1 :(得分:0)

要添加到其他搜索引擎,一些搜索引擎会理解此问题并提供站点地图实用程序。您可以在此处查看谷歌的站点地图解决方案:

http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156184

站点地图将允许您明确告知谷歌某些uri(如http://timvandamme.com/#about)。