页面弹出层方法

最新推荐文章于 2018-08-04 10:27:14 发布

最新推荐文章于 2018-08-04 10:27:14 发布 · 138 阅读

文章标签：

#Microsoft

javascript 专栏收录该内容

8 篇文章

订阅专栏

function openWin_h(src,w,h){
	var info = "<iframe name=hyh frameBorder=0 width=100% height=100% src='"+src+"'></iframe>";
	sAlert(info,w,h);
}
function sAlert(str,w,h){
	var msgw,msgh,bordercolor;
	if(w==null){
		msgw = 300;
	}else{
		msgw=w;// 提示窗口的宽度
	}
	if(h==null){
		msgh = 100;
	}else{
		msgh=h;// 提示窗口的高度
	}
	titlecolor = "#393c3e";// 提示窗口的边框颜色a7cadd,cfcdaf,5690a1,287798,73878c,242a1b,bdbdbd,3996c6,88beec,adc9f0,abd6e0
	bordercolor = "#eee";//提示窗口的标题颜色99aaff
	var sWidth,sHeight;
	sWidth=document.body.offsetWidth;
	//sWidth=window.screen.availWidth;
	sHeight=document.body.offsetHeight;
	//sHeight=window.screen.availheight;
	var bgObj=document.createElement("div");
	bgObj.setAttribute('id','bgDiv');
	bgObj.style.position="absolute";
	bgObj.style.top="0";
	bgObj.style.background="#777";
	bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
	bgObj.style.opacity="0.6";
	bgObj.style.left="0";
	var hhhh = document.body.offsetHeight;
	bgObj.style.width=document.body.offsetWidth + "px";
	bgObj.style.height=document.body.clientHeight  + "px";
	document.body.appendChild(bgObj);
	var msgObj=document.createElement("div")
	msgObj.setAttribute("id","msgDiv");
	msgObj.setAttribute("align","center");
	msgObj.style.position="absolute";
	msgObj.style.background="white";
	msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
	msgObj.style.border="1px solid " + bordercolor;
	msgObj.style.width=msgw + "px";
	msgObj.style.height=msgh + "px";
	//msgObj.style.top=(document.body.scrollTop + (sHeight-msgh)/2) + "px";
	msgObj.style.top= 60 + "px";
	msgObj.style.left=(sWidth-msgw)/2 + "px";
	var title=document.createElement("h4");
	title.setAttribute("id","msgTitle");
	title.setAttribute("align","right");
	title.style.margin="0";
	title.style.padding="3px";
	title.style.background= titlecolor;
	title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
	title.style.opacity="0.75";
	title.style.border="1px solid " + titlecolor;
	title.style.height="18px";
	title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
	title.style.color="648de1"; 
	title.style.fontWeight="bold";
	title.style.cursor="pointer";
	title.innerHTML="×";
	title.onclick=function(){
		document.body.removeChild(bgObj);
		document.getElementById("msgDiv").removeChild(title);
		document.body.removeChild(msgObj);
	}
	document.body.appendChild(msgObj);
	document.getElementById("msgDiv").appendChild(title);
	var txt=document.createElement("p");
	txt.style.margin="1em 0"
	txt.setAttribute("id","msgTxt");
	txt.innerHTML=str;
	document.getElementById("msgDiv").appendChild(txt);
}
function sClosed(){
	var bgObj = parent.document.getElementById("bgDiv");
	parent.document.body.removeChild(bgObj);
	parent.document.getElementById("msgDiv").removeChild(parent.document.getElementById("msgTitle"));
	parent.document.body.removeChild(parent.document.getElementById("msgDiv"));
	parent.location.reload();
}