我不确定如何引用它(所以我不能自己搜索它),但是当您单击 github 中的代码页链接时,如何实现平滑的页面加载(类似于内容预取)或当您单击 Google plus 侧边栏的另一个元素时?
我的意思是:我认为这是 javascript 和 ajax 的东西,但我想不通,页面加载顺利,没有“刷新”的感觉,而且肯定不是 flash。
如果我不清楚,我很抱歉,如果这不起作用,我会尝试更好地解释它
我不确定如何引用它(所以我不能自己搜索它),但是当您单击 github 中的代码页链接时,如何实现平滑的页面加载(类似于内容预取)或当您单击 Google plus 侧边栏的另一个元素时?
我的意思是:我认为这是 javascript 和 ajax 的东西,但我想不通,页面加载顺利,没有“刷新”的感觉,而且肯定不是 flash。
如果我不清楚,我很抱歉,如果这不起作用,我会尝试更好地解释它
Ajax + Jquery 是我的赌注。
加载页面的基础。然后执行 Ajax 调用以检索数据并使用转换(?)进行 Jquery 以使 GUI 更新不那么笨重。
如果你在他们的堆栈中,微软有一些新鲜的东西,他们称之为单页应用程序。
其实很简单。
发出 AJAX 请求并显示加载程序。
将响应放在隐藏元素中并使用 JQuery 淡入淡出。
$("#id").fadeIn();
一定会觉得顺滑!!
如果您不能完成使用 Ajax 获取页面内容和使用 html5 在单击某些内容时更改 URL 的任务,您可以让页面快速淡出然后转到 URL(而不是使用链接使用 JavaScript功能淡出一切,然后改变window.location)
加载页面后,您可以再次快速淡入。它会给你的过渡类似于谷歌的感觉,你会避免“白色闪光”
有多种方法可以实现此效果,但一种相当简单的方法是使用 jQuery ( http://jquery.com/ ) 和 jQuery UI 选项卡插件 ( http://jqueryui.com/demos/tabs/ )。查看该页面上文档的 ajax 模式部分。
如果您使用的是 ASP.NET Web 窗体,您还可以选择使用 UpdatePanel(UpdatePanel 控件简介)。
我相信像 Facebook 这样的网站,我猜这就是您所指的那种网站,使用 iFrame 加载内容,然后获取内容并将其传输到另一个元素。这意味着他们不会不断地重新加载左侧菜单、页眉或页脚,并且您的任何聊天记录都会保持显示。
我个人刚刚开发了一个表格,当您向下滚动时会加载额外的行(类似于 Facebook 的新闻提要,尽管我怀疑他们使用表格)。我只是将新行加载到一个隐藏表中,一次 30 行,然后将这些行传输到原始表中。其原理与上述类似。
正如 Anirudh Rayabharam 所说,使用 jquery 可以轻松定位要加载的动画元素。您可以将一个类添加到您想要滑入页面的所有内容 onload 并使用这些元素定位这些元素
$('.load-animation').slideDown(200);
您可以使用以下代码确保动画开始 onload:
document.onload = function() {
$('.load-animation').slideDown(200);
}