弹出层内嵌套动态iframe,如何让实现

页面上有A,B,C三个不同按钮,点击A按钮,弹出一个带iframe的弹出层,加载A按钮对应的页面;点击B按钮,B按钮对应的页面在同一个iframe中显示,还要带遮罩,这个... 页面上有A,B,C三个不同按钮,点击A按钮,弹出一个带iframe的弹出层,加载A按钮对应的页面;点击B按钮,B按钮对应的页面在同一个iframe中显示,还要带遮罩,这个用JQ或者JS如何实现?
不好意思,没说清楚,总共是三个带遮罩的弹出层,但是三个弹出层内嵌套的是相同ID的iframe框架。点击按钮A、B、C弹出A.html、B.html、C.html三个页面并在同一个iframe中显示出来。
展开
 我来答
Andy_Sun321
推荐于2016-03-21 · TA获得超过1376个赞
知道小有建树答主
回答量:811
采纳率:89%
帮助的人:720万
展开全部
iframe要设置position为absolute, z-index大于1
你说的遮罩激茄是指B按钮的窗口弹出后, 只有ifame在最前, 其他的按钮什么的都被压在下面不能点击陆铅绝和作业吧. 那么你可以在页面上加个div(样式: position: absolute, z-index: 2; display: none;)

JavaScript:
function ClkFn_B() {
var fme = document.getElementById("iframe的ID值");
var mask = document.getElementById("遮罩div的ID值");

fme.src = urlOfB; // B按钮早姿要显示的页面
fme.style.left = x + "px"; // x, y为要显示位置坐标
fme.style.top = y + "px";
mask.style.width = w + "px"; // 窗口宽度
mask.style.height = y + "px"; // 窗口高度
mask.style.left = "1px";
mask.style.top = "1px";
mask.style.display = ""; // 显示遮罩
}

这是一个大概的做法, 希望对你有用.
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友90e28f9
2013-08-09
知道答主
回答量:41
采纳率:0%
帮助的人:15.7万
展开全部
没明白你描述的是什么。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友0c90796
2013-08-09 · TA获得超过1611个赞
知道大有可为答主
回答量:2638
采纳率:0%
帮助的人:1079万
展开全部
这种代码网上很多,楼主搜一搜啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式