ホームページ >ウェブフロントエンド >jsチュートリアル >jsはdivをポップアップし、マスクlayer_javascriptスキルを表示します

jsはdivをポップアップし、マスクlayer_javascriptスキルを表示します

WBOY
WBOYオリジナル
2016-05-16 17:00:301103ブラウズ
コードをコピー コードは次のとおりです:

//---------- --- -------ポップアップレイヤー-------------------
//popDivId: ポップアップレイヤー div の ID
//dragDivId: アニメーション div の ID をドラッグするために使用されます
//isShowMask: マスク レイヤを表示するかどうか
function PopDivShow(popDivId,ragDivId,isShowMask) {
if (isShowMask) {
creatMask (popDivId);
var oWins = document.getElementById(popDivId);
var bDrag = false; 0;
oWins.style.display = "ブロック";
oWins_title.onmousedown = function(event) {
bDrag = true; disX = イベント.clientX - oWins.offsetLeft ;
disY =event.clientY - oWins.setCapture();
return
; document.onmousemove = function(event) {
if (!bDrag)
var イベント = window.event ||
var iL = events.clientX - disX; var iT = イベント.clientY - disY;
var maxL = document.documentElement.clientWidth - oWins.offsetWidth;
iL = iL iT > oWins.style.marginTop = oWins.style .marginLeft = 0;
oWins.style.left = iL "px";
return false; >};
document.onmouseup = window.onblur = oWins_title.onlosecapture = function() {
bDrag = false;
oWins_title.releaseCapture && oWins_title.releaseCapture(); }
//ポップアップレイヤーを非表示にします
function PopDivHidden(popDivId) {
var oWins = document.getElementById(popDivId);
oWins.style.display = "none"; parent.document.body.removeChild(window.parent.document.getElementById("maskDiv"));
}
// ポップアップレイヤーの zIndex を取得します
function getZindex(popDivId) {
var PopDiv = document.getElementById(popDivId);
var PopDivZindex = PopDiv.style.zIndex;
return PopDivZindex;

}
// マスク レイヤを作成します
function creatMask( PopDivId) {
// パラメータ w はポップアップ ページの幅、パラメータ h はポップアップ ページの高さ、パラメータ s はポップアップ ページのパスです
var MaskDiv = window.parent.document.createElement("div");
maskDiv.id = "maskDiv";
maskDiv.style.position = "0";
maskDiv.style.left = "0";
maskDiv.style.zIndex = getZindex(popDivId ) - 1;
maskDiv.style.backgroundColor = "#333";フィルター = "alpha(opacity=70)";
maskDiv.style.opacity = "0.7";
maskDiv.style.width = "100%"; parent.document.body.scrollHeight 50) "px";
window.parent.document.body.appendChild (maskDiv);
maskDiv.onmousedown = function() {
window.parent.document.body .removeChild(window.parent.document.getElementById("maskDiv"));
}
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。