JS彈出層的顯示與隱藏示例代碼

 關於JS彈出層的顯示與隱藏，在網上可以搜到很多的類似教程，本文實現了一下，喜歡的朋友不要錯過

代碼如下: <!--彈出層的顯示與隱藏-->  <script type="text/javascript">  //彈出層的顯示  //overlays:為遮罩層的ID  //wins:彈出層窗體的ID  //彈出層中用於拖動的ID  function popDIV_show(overlays,wins,wins_title) {  var oLays = documentgetElementById(overlays);  var oWins = documentgetElementById(wins);  var oWins_title = documentgetElementById(wins_title);  var bDrag = false;  var disX = disY = 0;  var w = "";  var n = 1;  if (n > 0) {  oLaysstyledisplay = "block";  oWinsstyledisplay = "block";  oWins_titleonmousedown = function(event) {  var event = event || windowevent;  bDrag = true;  disX = eventclientX - oWinsoffsetLeft;  disY = eventclientY - oWinsoffsetTop;  thissetCapture && thissetCapture();  return false  };  documentonmousemove = function(event) {  if (!bDrag)  return;  var event = event || windowevent;  var iL = eventclientX - disX;  var iT = eventclientY - disY;  var maxL = documentdocumentElementclientWidth  - oWinsoffsetWidth;  var maxT = documentdocumentElementclientHeight  - oWinsoffsetHeight;  iL = iL < 0 ? 0 : iL;  iL = iL > maxL ? maxL : iL;  iT = iT < 0 ? 0 : iT;  iT = iT > maxT ? maxT : iT;  oWinsstylemarginTop = oWinsstylemarginLeft = 0;  oWinsstyleleft = iL + "px";  oWinsstyletop = iT + "px";  return false;  };  documentonmouseup = windowonblur = oWins_titleonlosecapture = function() {  bDrag = false;  oWins_titlereleaseCapture && oWins_titlereleaseCapture();  };  }  }  //彈出層的隱藏  //overlays:為遮罩層的ID  //wins:彈出層窗體的ID  function popDIV_hidden(overlays,wins) {  var oWins = documentgetElementById(wins);  var oLays = documentgetElementById(overlays);  oWinsstyledisplay = "none";  oLaysstyledisplay = "none";  }  </script>