点击弹出层，并且背景变暗

点击弹出窗口层，并且背景变暗渐变

function showDetail() {

//背景
  var bgObj=document.getElementById("bgDiv");
  bgObj.style.width = document.body.offsetWidth + "px";
  bgObj.style.height = screen.height + "px";

//定义窗口
  var msgObj=document.getElementById("msgDiv");
  msgObj.style.marginTop = -75 +  document.documentElement.scrollTop + "px";

//关闭
  document.getElementById("msgShut").onclick = function(){
  bgObj.style.display = msgObj.style.display = "none";
  }
  msgObj.style.display = bgObj.style.display = "block";
  msgDetail.innerHTML="<p align=center>小窗口里的内容</p><p align=center><A href=http://www.jspal.com><FONT color=#0000ff>网页特效观止</FONT></A></p>"
}

实例下载:JS源码