jquery - 将一个 html 页面覆盖在另一个页面上

标签 jquery html css

我想在另一个页面上覆盖一个 html 页面。 我尝试在 div 中提供指向其他页面的链接,如下页所示:http://jquerytools.org/demos/overlay/external.html

但是控件移动到另一个页面而不是停留在同一页面上。 任何人都可以提出一个例子,其中一个新的 html 页面加载在主页面之上.. 我是网络新手 请帮忙!

最佳答案

DEMO

我已经使用 iframe 加载另一个页面(由于安全问题,浏览器将不允许外部域加载到 iframe/div 中,具体取决于外部域所有者的配置),您可以使用 div 使用 jquery's load 做同样的事情,如果你从同一个域获取页面

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

注意给定的演示不是通用/通用的解决方案,您必须根据您的页面定制 css 部分

关于jquery - 将一个 html 页面覆盖在另一个页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20235914/

相关文章:

html - 为什么图像(在 CSS 中)没有出现在我的 HTML 中?

javascript - 使用 MaterializeCSS 的可折叠元素中的红色徽章

javascript - 如何更改超赞字体图标?

javascript - 将省略号添加到最后可用的代码行

javascript - 骰子游戏 - 需要根据情况掷更多骰子

javascript - 带有弹出窗口的 bootstrap3 显示在后面

选中 Jquery 复选框在单击按钮时获取 attr id

javascript - Chromecast 从接收方向发送方发送消息

javascript - 循环序列中的 Html/Javascript 幻灯片问题

javascript - 使用小部件工厂与 $.extend() 扩展小部件之间的区别?