时间:2021-05-26
复制代码 代码如下:
<!--弹出层的显示与隐藏-->
<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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
父层:jsp中://页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面js代码://设置function,当执行时,弹出子窗口并
本文介绍了一种在网页中弹出层的效果,下面直接给出了源代码:代码分两部分,html代码和JS源代码。html代码:弹出层效果激活新层网页内容js代码:vardoc
本文实例讲述了js与css实现弹出层覆盖整个页面的方法。分享给大家供大家参考。具体实现方法如下:弹出层透明背景加框的常用样式和结构如下:复制代码代码如下:.al
今天遇到的问题是,在弹出层后面的遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层,解决方式是加的css。js代码//显示灰色JS遮罩层functions
本贴主要是收集各种比较入门的代码层的隐藏与显示只要设置style的display属性即可比如隐藏的层如果要显示它可以通过脚本来控制window.document