现场http://canvas.co页面无缝变化
在开发者 View 中查看代码;当我更改页面时,代码本身似乎甚至没有重新加载,就好像包含所有内容的元素一样,只是加载新内容,而其他元素完好无损
我注意到的另一件事是,当我查看源代码时,那里的信息实际上很少。如果我搜索浏览器在页面上呈现的某些文本,它不在源代码中。 (虽然我很确定它不是)感觉好像我正在查看 iframe 的源代码而不是实际文档
我认为它可能只是一个长页面 - 但事实并非如此,我不想这样做,因为我希望我的内容对每个“页面”都有不同的 URL
有什么想法吗?我也可以如何实现这种无缝的页面更改?
最佳答案
几乎看不到代码的原因是大部分代码似乎是通过外部文件引入的(如果您愿意,JavaScript“包含”)。
至于转换,该站点是所谓的“基于状态”的站点,站点本身包含在 1 个页面中,并且所有内容都是一次性加载的。使用 jQuery 动画可以轻松实现这一点,因为您只需加载所有内容,隐藏除主页内容以外的所有内容,然后在用户使用页面时将主页动画化,然后将目标页面动画化。
希望这对您有所帮助!
关于jquery - HTML 页面转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14548164/