弹出层内嵌套动态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中显示出来。展开

 我来答

3个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

Andy_Sun321
推荐于2016-03-21 · TA获得超过1376个赞

知道小有建树答主

回答量：811

采纳率：89%

帮助的人：715万

我也去答题访问个人页

关注

展开全部

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 = "";   // 显示遮罩
}
 
这是一个大概的做法, 希望对你有用.


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起