jquery - HTML 页面转换

标签 jquery html css

现场http://canvas.co页面无缝变化

在开发者 View 中查看代码;当我更改页面时,代码本身似乎甚至没有重新加载,就好像包含所有内容的元素一样,只是加载新内容,而其他元素完好无损

我注意到的另一件事是,当我查看源代码时,那里的信息实际上很少。如果我搜索浏览器在页面上呈现的某些文本,它不在源代码中。 (虽然我很确定它不是)感觉好像我正在查看 iframe 的源代码而不是实际文档

我认为它可能只是一个长页面 - 但事实并非如此,我不想这样做,因为我希望我的内容对每个“页面”都有不同的 URL

有什么想法吗?我也可以如何实现这种无缝的页面更改?

最佳答案

几乎看不到代码的原因是大部分代码似乎是通过外部文件引入的(如果您愿意,JavaScript“包含”)。

至于转换,该站点是所谓的“基于状态”的站点,站点本身包含在 1 个页面中,并且所有内容都是一次性加载的。使用 jQuery 动画可以轻松实现这一点,因为您只需加载所有内容,隐藏除主页内容以外的所有内容,然后在用户使用页面时将主页动画化,然后将目标页面动画化。

希望这对您有所帮助!

关于jquery - HTML 页面转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14548164/

相关文章:

css - 将 div 定位在另一个 div 之下

javascript - 在 Angular 中将 JSON 格式字符串转换为真实对象

javascript - 国际号码格式列表

html - <a href ="#"> 点击时手机上的样式会发生变化

css - 如何覆盖自定义类中的 css 代码?

html - 每个设备屏幕中元素的大小一致

javascript - 如何在ajax错误时显示文件上传错误消息?

javascript - 如果我当前正在听一首歌,当我请求一个轨道时,Last.fm API 会发送 2 首轨道

javascript - 如何让我的 javascript 函数改变文本的颜色?

jquery - 获取 jquery 中的下一个(不是立即)元素