Javascript 在不同的URL之间进行无缝转换

Javascript 在不同的URL之间进行无缝转换,javascript,html,css,Javascript,Html,Css,假设我有两个页面位于不同的URL上:主页,例如联系人。我在主页上有一些奇特的CSS3效果,还有一个到联系人页面的链接 当我点击联系人页面链接时,我想将一些主页元素从页面上滑下,或者使它们透明或其他,然后我只让浏览器加载联系人页面,但我想使这种转换尽可能无缝。理想情况下,要实现单页站点的效果,我可以轻松地显示和隐藏页面元素 如何以最佳方式完成此任务? 将内容加载到 使用将URL更改为默认情况下将加载联系人页面的URL 使用CSS/移动内容 将内容加载到 使用将URL更改为默认情况下将加载联系人页

假设我有两个页面位于不同的URL上:主页,例如联系人。我在主页上有一些奇特的CSS3效果,还有一个到联系人页面的链接

当我点击联系人页面链接时,我想将一些主页元素从页面上滑下,或者使它们透明或其他,然后我只让浏览器加载联系人页面,但我想使这种转换尽可能无缝。理想情况下,要实现单页站点的效果,我可以轻松地显示和隐藏页面元素

如何以最佳方式完成此任务?

  • 将内容加载到
  • 使用将URL更改为默认情况下将加载联系人页面的URL
  • 使用CSS/移动内容
      • 将内容加载到
      • 使用将URL更改为默认情况下将加载联系人页面的URL
      • 使用CSS/移动内容

      当主页元素淡出时,开始提取联系人页面。你试过什么了吗?除非你已经加载了内容但隐藏了,否则你必须给用户一个加载标志,否则他们会点击,什么也不会发生。那么这会是无缝的吗?当主页元素淡出时,最好让所有内容都加载(如果很小)开始获取联系人页面。你试过什么了吗?除非你已经加载了内容但隐藏了,否则你必须给用户一个加载标志,否则他们会点击,什么也不会发生。那么这会是无缝的吗?可能最好加载所有内容(如果内容较小)