刷新页面之间的转换

时间:2013-04-18 14:22:14

标签: javascript jquery html css transition

今天我找到了这个网站:http://skainteractive.com/agencia/

当我从一个页面更改为另一个页面时,这是一个简单的URL更改,刷新页面。 但问题是,在进入新页面之前,他们设法在我们正在查看的页面上创建一个好的效果。

我看了一下他们的源代码,但我无法知道他们是如何做到的。 我知道有一些方法可以做到这一点,但我想知道他们是如何做到的。因为它看起来很好。

这是另一个很好地利用这种效果的例子: http://www.casadacalcada.com/

他们怎么能这样做?

2 个答案:

答案 0 :(得分:7)

他们没有在页面之间转换。事实上,你和你登陆的页面相同。

他们正在做的是:

  • 通过AJAX请求加载HTML。对于第一个站点,HTML嵌入在JSON响应中,以及其他数据。收到响应后,他们会从响应中提取HTML并将其放在当前页面上。

  • 他们使用History API看起来好像是通过更改网页的网址并修改浏览器的历史记录来使浏览器跨页面移动,以使后退和前进按钮有效。

答案 1 :(得分:0)

你可以使用jquery来显示一个新的div:

$(document).ready( function() { $("#more").click(function() { $("#show").fadeIn("slow"); }); });

其中#more是div(click),它通过淡入使div #show可见。请务必设置:#show{ display:none; }