仿xp关机弹出窗口效果如何运用到框架集中？

直接保存为html，希望对你有帮助！！<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var t_DiglogX,t_DiglogY,t_DiglogW,t_DiglogH;function gid(id) {
  return document.getElementById?document.getElementById(id):null;
}function gname(name) {
  return document.getElementsByTagName?document.getElementsByTagName(name):new Array()
}function Browser() {
  var ua, s, i;
  this.isIE = false;
  this.isNS = false;
  this.isOP = false;
  this.isSF = false;
  ua = navigator.userAgent.toLowerCase();
  s = "opera";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isOP = true;return;
  }
  s = "msie";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;return;
  }
  s = "netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;return;
  }
  s = "gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;return;
  }
  s = "safari";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isSF = true;return;
  }
}function DialogLoc() {
  var dde = document.documentElement;
  if (window.innerWidth) {
    var ww = window.innerWidth;
    var wh = window.innerHeight;
    var bgX = window.pageXOffset;
    var bgY = window.pageYOffset;
  } else {
    var ww = dde.offsetWidth;
    var wh = dde.offsetHeight;
    var bgX = dde.scrollLeft;
    var bgY = dde.scrollTop;
  }
  t_DiglogX = (bgX + ((ww - t_DiglogW)/2));
  t_DiglogY = (bgY + ((wh - t_DiglogH)/2));
}function DialogShow(showdata,ow,oh,w,h) {
  var objDialog = document.getElementById("DialogMove");
  if (!objDialog) objDialog = document.createElement("div");
  t_DiglogW = ow;//ow
  t_DiglogH = oh;
  DialogLoc();
  objDialog.id = "DialogMove";
  var oS = objDialog.style;
  oS.display = "block";
  oS.top = t_DiglogY + "px";
  oS.left = t_DiglogX + "px";
  oS.margin = "0px";
  oS.padding = "0px";
  oS.width = w + "px";
  oS.height = h + "px";
  oS.position = "absolute";
  oS.zIndex = "5";
  oS.background = "#FFcccc";//#FFFFFF  alert div's color
  oS.border = "solid #000 1px";
  objDialog.innerHTML = showdata;
  document.body.appendChild(objDialog);
}function DialogHide() {
  ScreenClean();
  var objDialog = document.getElementById("DialogMove");
  if (objDialog) objDialog.style.display = "none";
}function ScreenConvert() {
  var browser = new Browser();
  var objScreen = gid("ScreenOver");
  if (!objScreen) var objScreen = document.createElement("div");
  var oS = objScreen.style;
  objScreen.id = "ScreenOver";
  oS.display = "block";
  oS.top = oS.left = oS.margin = oS.padding = "0px";
  if (document.body.clientHeight) {
    var wh = document.body.clientHeight + "px";
  } else if (window.innerHeight) {
    var wh = window.innerHeight + "px";
  } else {
    var wh = "100%";
  }
  oS.width = screen.width;//set
  oS.height = screen.height;//
  alert(document.body.clientHeight);
  oS.position = "absolute";
  oS.zIndex = "3";
  //oS.innerText ="HELLOOLDSFSDFSDFF";
  if ((!browser.isSF) && (!browser.isOP)) {
    oS.background = "#0C0C0C";//#181818  Set here color!!
  } else {
    oS.background = "#FF0000";//#F0F0F0
  }
  oS.filter = "alpha(opacity=90)";//GB color is Set here
  oS.opacity = 40/100;
  oS.MozOpacity = 40/100;
  document.body.appendChild(objScreen);
  var allselect = gname("select");
  for (var i=0; i<allselect.length; i++) allselect[i].style.visibility = "hidden";
}function ScreenClean() {
  var objScreen = document.getElementById("ScreenOver");
  if (objScreen) objScreen.style.display = "none";
  var allselect = gname("select");
  for (var i=0; i<allselect.length; i++) allselect[i].style.visibility = "visible";
}//举报
function Report()
{
//var PostData = "do=" + Type + "&reportid=" + ID;
//PostRequest(window.location.protocol + "//" + window.location.host + "/AJAX_Comm.aspx", PostData);
var showData = sample.innerHTML;
//ScreenConvert();DialogShow("<div id=\"DialogLoading\">正在读取,请稍候...</div>",110,10,124,20);
ScreenConvert();
DialogShow(showData,400,300,420,350);
}
</script>
</head><body>
<a href="#" onClick="Report();return false;">测试效果blur();</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<label>
<select name="select">
  <option value="1">1</option>
  <option value="11">11</option>
  <option value="2">2</option>
</select>
</label>
<div algin="center">
  <input type="submit" name="Submit" value="提交" />
</div>
</br></br></br></br><br><div style="display:none;" id="sample"><div style="padding-top:10px;"><img src="images/Yservice.jpg" border="0" />
<div style="line-height:24px; margin-top:10px; padding:0px 0px 10px 10px; font-size:12px;">
*注意事项一<br />
* 注意事项二
</div>
<img src="images/Ylianxiwm.jpg" />
<div style="line-height:24px; margin-top:5px; font-size:12px; padding:0px 0px 10px 10px;">注意事项三<br />
注意事项四)<br />
</div>
<div style="margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; text-align:right;">
<a href="#" title="点击关闭" onClick="return DialogHide();" class="Imga"><img src="images/Yway_11.jpg" border="0" />点击关闭</a></div></div></div>
</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

把style和script的内容都copy到你的html中
框架里的js一样的使用啊
不是你是不是要lightbox那种效果的
覆盖一个div在上面，设置该div的半透明度以及底色。如果不明白，可以去下载lightbox的源代码看看别人是怎么做到的。
这种效果用在一个页面上是能实现的，我的意思是说用在框架“集”中，比如说框架“集”中有三个页面，a.aspx,b.aspx,c.aspx，现在我把它用在c.aspx中，即点击c.aspx中的一个按钮，整个框架集中的abc三个页面都变灰，同时都有效果，是整体的效果