在另一个上覆盖一个html页面

Question

我想在另一个页面上叠加一个html页面。 我尝试在div中给出div中其他页面的链接：http://jquerytools.org/demos/overlay/external.html

但控件移动到另一页而不是停留在同一页面上。 任何人都可以建议一个例子，其中一个新的HTML页面加载在主要的页面之上。 我是网络新手 请帮忙！

Answer 1

DEMO

我使用iframe加载另一个页面（因为安全问题浏览器不允许在iframe / div中加载外部域，具体取决于外部域所有者的配置），您可以使用div来如果您从同一个域中提取页面，请使用jquery's load执行相同操作

$('div#page').load(source,function(e){$(this).fadeIn('slow')}) 

注意，鉴于演示不是通用/通用解决方案，您必须根据您的网页定制css部分

Answer 2

只使用通用的html，你不能做你想要的。 从理论上讲，你需要做的是将html页面加载到现有div，然后在当前div与下一页div之间切换，并使用某种动画。

在解释基本任务后，我会告诉你，你正在寻找的是一个JavaScript html模板系统（如把手），而不是你可以在模板之间切换。使用javascript模板将需要一些javascript知识，因为它只是一个开始。你还需要实现一个js路由器，以便轻松切换页面等等。您将要创建的是SPA（单页应用程序）。

我建议你阅读有关单页应用程序的更多信息，它应该解决问题（只是谷歌“构建单页应用程序”）。