JS弹出层的显示与隐藏

<!--弹出层的显示与隐藏-->
<script type="text/javascript">
	//弹出层的显示
	//overlays:为遮罩层的ID
	//wins:弹出层窗体的ID
	//弹出层中用于拖动的ID
	function popDIV_show(overlays,wins,wins_title) {
		var oLays = document.getElementById(overlays);
		var oWins = document.getElementById(wins);
		var oWins_title = document.getElementById(wins_title);
		var bDrag = false;
		var disX = disY = 0;
		var w = "";
		var n = 1;
		if (n > 0) {
			oLays.style.display = "block";
			oWins.style.display = "block";
			oWins_title.onmousedown = function(event) {
				var event = event || window.event;
				bDrag = true;
				disX = event.clientX - oWins.offsetLeft;
				disY = event.clientY - oWins.offsetTop;
				this.setCapture && this.setCapture();
				return false
			};
			document.onmousemove = function(event) {
				if (!bDrag)
					return;
				var event = event || window.event;
				var iL = event.clientX - disX;
				var iT = event.clientY - disY;
				var maxL = document.documentElement.clientWidth
						- oWins.offsetWidth;
				var maxT = document.documentElement.clientHeight
						- oWins.offsetHeight;
				iL = iL < 0 ? 0 : iL;
				iL = iL > maxL ? maxL : iL;
				iT = iT < 0 ? 0 : iT;
				iT = iT > maxT ? maxT : iT;
				oWins.style.marginTop = oWins.style.marginLeft = 0;
				oWins.style.left = iL + "px";
				oWins.style.top = iT + "px";
				return false;
			};
			document.onmouseup = window.onblur = oWins_title.onlosecapture = function() {
				bDrag = false;
				oWins_title.releaseCapture && oWins_title.releaseCapture();
			};
		}
	}
	//弹出层的隐藏
	//overlays:为遮罩层的ID
	//wins:弹出层窗体的ID
	function popDIV_hidden(overlays,wins) {
		var oWins = document.getElementById(wins);
		var oLays = document.getElementById(overlays);
		oWins.style.display = "none";
		oLays.style.display = "none";
	}
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值