如何使用添加的jQuery加载页面

时间:2013-03-19 21:46:03

标签: javascript jquery html transitions

我注意到很多网站(如Hulu.com)都有非常有趣的页面转换。他们设法淡出一个页面并进入一个新页面。

如何使用jQuery / Javascript实现这一目标。我会以某种方式将.js链接到两个网页吗?我该怎么做?

2 个答案:

答案 0 :(得分:1)

你可以使用History API的PushState部分(pjax是一种很好的方法将其添加到现有网站)和jQuery来实现这一点。这就是github如何处理它(尝试浏览源代码的文件夹,并查看URL)。 pjax允许你做的是在页面重定向之前拦截任何<a>点击,获取将通过ajax加载的页面,在页面中插入HTML(可以使用jQuery动画控制fadeIn())和更新浏览器URL,以便可以为页面添加书签。

答案 1 :(得分:0)

不需要在两个页面上都使用.js引用,只需要之前的页面。 有很多jQuery插件支持大多数转换。

这看起来像一个非常全面的列表,尽管2010年过时了。 http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/