關於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>