今天我找到了这个网站:http ://skainteractive.com/agencia/
当我从一个页面更改到另一个页面时,这是一个简单的 url 更改,刷新页面。但问题是,他们设法在我们在进入新页面之前查看的页面上创造了良好的效果。
我查看了他们的源代码,但我无法找出他们是如何做到的。我知道有一些方法可以做到这一点,但我想知道他们是如何做到的。因为它看起来非常好。
这是另一个很好地利用这种效果的例子:http: //www.casadacalcada.com/
他们怎么能这样做?
今天我找到了这个网站:http ://skainteractive.com/agencia/
当我从一个页面更改到另一个页面时,这是一个简单的 url 更改,刷新页面。但问题是,他们设法在我们在进入新页面之前查看的页面上创造了良好的效果。
我查看了他们的源代码,但我无法找出他们是如何做到的。我知道有一些方法可以做到这一点,但我想知道他们是如何做到的。因为它看起来非常好。
这是另一个很好地利用这种效果的例子:http: //www.casadacalcada.com/
他们怎么能这样做?
它们不会在页面之间转换。事实上,你在你登陆的同一个页面。
他们正在做的是:
通过 AJAX 请求加载 HTML。对于第一个站点,HTML 与其他数据一起嵌入到 JSON 响应中。收到响应后,他们从响应中提取 HTML 并将其放在当前页面上。
他们使用History API看起来好像他们正在通过更改页面的 url 并修改浏览器的历史记录以使后退和前进按钮工作来跨页面移动浏览器。
您可以为此使用 jquery 来显示一个新的 div:
$(document).ready(
function() {
$("#more").click(function() {
$("#show").fadeIn("slow");
});
});
其中#more 是 div(click),它使 div #show 通过淡入可见。一定要设置:#show{
display:none;
}